如何在HTML5的画布中部分绘制路径？

Question

假设我使用一系列bezierCurveTo()次呼叫制作弯曲路径。我希望通过增加帧后帧绘制的百分比，使它在动画中逐渐显示。问题是我无法找到一种标准方法来仅绘制画布路径的一部分 - 是否有人知道实现这一目标的好方法（甚至是一种棘手的方法）？

Answer 1

当然...... Simon Porritt为我们做了所有艰苦的数学计算！

jsBezier是一个带有函数的小型lib：pointAlongCurveFrom（曲线，位置，距离），可以让你逐渐绘制Bezier曲线上的每个点。

jsBezier可在GitHub上找到：https://github.com/sporritt/jsBezier

Answer 2

刚刚找到了一个小型图书馆：https://github.com/camoconnell/lazy-line-painter

它依赖于Raphael lib（http://raphaeljs.com/），并且两者放在一起不会产生太大的有效载荷。