我正在尝试为我的网站制作一个跟踪日文字符的工具,显示笔画顺序等等。这样的事情:http://www.chinesehideout.com/tools/strokeorder.php?c=5pel
我在inkscape中制作了一堆SVG文件,这些文件仅由曲线组成,每个角色都有一个。然后我使用raphael-svg-import:https://github.com/wout/raphael-svg-import
将这些导入RaphaelSVG正在完美展示,但我想为它们制作动画。
我的问题是:有没有办法在拉斐尔依次从SVG中获取每条路径,然后动画/抚摸它们?如果是这样的话......怎么样?
如果您需要更多信息,请说出来! 感谢
编辑:也许我应该澄清一下,当我说中风时,我的意思是逐渐画线,从第一点开始到最后一点结束。此刻它同时绘制所有路径并立即绘制整个路径。答案 0 :(得分:0)
this answer概述了人们在svg中使用的技术。虽然Raphaël文档没有列出stroke-dashoffset
,但可能会将其改编为Raphaël。
Raphaël有一个方法Element.getSubpath(from, to)
可用于获取路径的一部分,这可能也是一个选项。