我有一个像这样的SVG路径:
我可以渲染路径但似乎无法找到一种方法来使路径生成动画,以便它看起来像是"正在绘制",就好像用铅笔一样.该animate
节点适用于单个坐标,但不适用于路径.
我最终将使用解析器或UIWebView在iPhone应用程序中使用此动画.
尝试动画'stroke-dashoffset'(请注意,你需要匹配'stroke-dasharray'),请参阅此示例.需要计算才能成功使用此路径的路径长度可以通过以下脚本获取:
var pathlength = yourPathElm.getTotalLength()
查看示例中的源代码以了解它是如何完成的.