svg中的begin参数如何工作？

Question

我有一个可以正常工作的SVG动画，但是当涉及到begin参数时我有一个问题，我希望它在进入视图时触发，而不是在加载时触发。

有什么方法可以解决这个问题吗？还是内联SVG？

<animate id="fillAnimation" xlink:href="#p2"
                            begin="100ms"
                            attributeType="XML" 
                            attributeName="stroke-dashoffset"
                            fill = "freeze"
                            from="4000"
                            to="0"
                            dur="2000ms"/>

Answer 1

是的，你可以！

尝试使用 Snap.svg：

http://snapsvg.io/

这可能对您有所帮助：

http://snapsvg.io/docs/#Element.animate