如何抚摸个人路径?

我正在试图为我的网站制作一个工具,用于跟踪日文字符,显示笔画顺序等。如下所示: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中的每条路径,然后对它们进行动画/描边? 如果是这样..如何?

如果您需要更多信息,请说! 谢谢

编辑:也许我应该澄清一下,当我说中风时,我的意思是逐渐画出线条,从第一点开始到最后结束。 此刻它同时绘制所有路径并一次绘制整个路径。


这个答案概述了人们在svg中使用的技术。 尽管Raphaël的文档没有列出stroke-dashoffset ,但它可能适用于Raphaël。

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

链接地址: http://www.djcxy.com/p/76485.html

上一篇: how to stroke individual paths?

下一篇: Raphael JS Pie: Add ID to path slices