javascript raphael - 如何描边单个路径？

Question

我正在尝试为我的网站制作一个工具，它可以追踪日文字符，显示笔顺等。像这样：http://www.chinesehideout.com/tools/strokeorder.php?c=5pel

我在 inkscape 中制作了一堆 SVG 文件，它们仅由曲线组成，每个字符对应一个曲线。然后我使用 raphael-svg-import 将这些导入 Raphael：https://github.com/wout/raphael-svg-import

SVG 显示完美，但我想为它们制作动画。

我的问题是：有没有办法在 Raphael 中依次从 SVG 获取每条路径，然后对它们进行动画/描边？如果是这样..如何？？

如果您需要更多信息，请说！ 谢谢

编辑：也许我应该澄清一下，当我说笔画时，我的意思是逐步画线，从第一点开始，到最后一点结束。目前它同时绘制所有路径，并一次绘制所有路径。

Answer 1

this answer 中概述了人们在 svg 中使用的技术。虽然 Raphaël 文档没有列出 stroke-dashoffset，但它可能会适应 Raphaël。

Raphaël 有一个方法 Element.getSubpath(from, to) 可以用来获取路径的一部分，这应该也是一个选项。