如何抚摸个人路径?
我正在试图为我的网站制作一个工具,用于跟踪日文字符,显示笔画顺序等。如下所示: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)
,它可以用来获取路径的一部分,这也可能是一个选项。