javascript raphael - 如何描绘个别路径?

时间:2012-03-11 06:25:34

标签: svg raphael

我正在尝试为我的网站制作一个跟踪日文字符的工具,显示笔画顺序等等。这样的事情:http://www.chinesehideout.com/tools/strokeorder.php?c=5pel

我在inkscape中制作了一堆SVG文件,这些文件仅由曲线组成,每个角色都有一个。然后我使用raphael-svg-import:https://github.com/wout/raphael-svg-import

将这些导入Raphael

SVG正在完美展示,但我想为它们制作动画。

我的问题是:有没有办法在拉斐尔依次从SVG中获取每条路径,然后动画/抚摸它们?如果是这样的话......怎么样?

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

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

1 个答案:

答案 0 :(得分:0)

this answer概述了人们在svg中使用的技术。虽然Raphaël文档没有列出stroke-dashoffset,但可能会将其改编为Raphaël。

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