沿着svg路径将对象放置在特定的百分比？

Question

目前我正在使用<animateMotion>元素快速动画对象（由路径定义）到正确的结束位置。 这在Chrome中显示正常，我没有努力让它与Batik合作。

但我很好奇：如果没有动画，有更好的方法吗？要沿着<path>

的长度绘制它（比如说80％）

Answer 1

如果您正在创建静态svg图像，那么您应该事先知道确切放置对象的位置。例如，您可以使用transform属性将对象放置在您想要的位置。

如果您在没有事先知道放置对象的位置的情况下这样做，那么您可以使用javascript，getPointAtLength方法将在给定长度偏移量的路径上给出一个点。您可以通过调用getTotalLength来查询计算的路径总长度。