Javascript svg中的begin参数是如何工作的?

Javascript svg中的begin参数是如何工作的?,javascript,jquery,svg,Javascript,Jquery,Svg,我有一个工作正常的SVG动画,但是当涉及到begin参数时,我有一个问题,我希望它在进入视图时启动,而不是在加载时启动 有什么办法可以让我开这个吗?还是内联SVG <animate id="fillAnimation" xlink:href="#p2" begin="100ms" attributeType="XML" a

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

有什么办法可以让我开这个吗?还是内联SVG

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

是的,你可以

尝试使用Snap.svg:

这可能对您有所帮助: