如何通过向曲线添加点来创建SVG动画

Question

我有一组点（2D），比如A0，A1，A2，...，A100

我想以某种方式为这些点设置动画，以便从中绘制曲线，因此在第一帧中曲线将包含

A0

（所以单点），然后下一帧将有下一个点

A0，A1

然后在下一帧中，

A0，A1，A2

依此类推，并在50帧

A0，A1，...，A49

我该怎么做？我想在文件的开头定义点，然后让它们稍后使用（可能在数组中？），因为实际上我使用2000点，手动定义会很疯狂。

我这样做是因为我准备了一些HTML5演示文稿。

欢迎任何替代品（矢量图形）。谢谢你的任何努力。

Answer 1

查看将您的点与曲线连接起来的jsDraw2d SVG库。

在此演示中，单击框中任意点的野生图案，然后单击[绘制曲线]

http://jsdraw2d.jsfiction.com/demo/curvesbezier.htm