我已经创建了一个方法，它创建了我的自定义路径看起来像星星，现在我想排队x数量的圆圈到这个路径上。这是怎么可能的，有一种方法来自动化这一点？
这里有一些Possible Paths。我希望黑色的路径线看起来像this。但它是必要的，我可以确切地定义数量的圆圈在路径上。
感谢您的帮助：D
我已经创建了一个方法，它创建了我的自定义路径看起来像星星，现在我想排队x数量的圆圈到这个路径上。这是怎么可能的，有一种方法来自动化这一点？
这里有一些Possible Paths。我希望黑色的路径线看起来像this。但它是必要的，我可以确切地定义数量的圆圈在路径上。
感谢您的帮助：D
1条答案
按热度按时间ryhaxcpt1#
用
.getTotalLength()测量路径的长度，然后沿着路径分布所需数量的圆，用.getPointAtLength(position)确定点。第一个
从你的示例图片中，我了解到你想用填充和描边来设计圆的样式。这就需要真正计算圆的位置。如果圆只有单色填充而没有描边，那么会有一个更简单的解决方案。
将
pathLength属性设置为要绘制的圆的数目，并定义stroke-dasharray="0 1"。这将绘制一条长度为0的虚线，虚线之间的距离为1。如果将此属性与stroke-linecap: round结合使用，则每条零长度的虚线都将绘制为一个圆。第一个