Question

以下svg代码播放动画的第一部分，但不会播放3。它在wordpress网站上，是否与它有关？如果我在浏览器中从计算机打开svg它可以正常工作。提前致谢

    <g>    
    <path d="M352,418.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
        c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
        c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        fill="url(#imgpattern)" id="core_type"/>

        <animate xlink:href="#core_type"
        attributeName="d"
        attributeType="XML"
        from="M352,418.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
                c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
                c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        to="M202,350.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
            c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
            c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        dur="2s"

        begin="0s; animation4.end"

        fill="freeze" id="animation" />


        <animate xlink:href="#core_type"
        attributeName="d"
        attributeType="XML"
        from="M202,350.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
            c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
            c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        to="M202,350.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
            c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
            c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        dur="2s"

        begin="animation.end"

        fill="freeze" id="animation2" />



        <animate xlink:href="#core_type"
        attributeName="d"
        attributeType="XML"
        to="M352,418.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
                c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
                c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        from="M202,350.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
            c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
            c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        dur="2s"

        begin="animation2.end"

        fill="freeze" id="animation3" />

        <animate xlink:href="#core_type"
        attributeName="d"
        attributeType="XML"
        from="M352,418.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
                c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
                c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        to="M352,418.9c0,30.3-0.1,60.6,0.1,91c0,5.8-2.1,9.1-7.2,11c-26.7,10-53.3,20-80,29.8c-7.9,2.9-17.9-4.7-17.9-13.2
                c-0.1-40,0.2-80-0.4-119.9c-0.4-24.6-0.4-49.3-0.7-73.9c-0.1-7.3,0.7-8.3,7.7-9.9c27.1-6.2,54.2-12.4,81.3-18.6
                c10.1-2.3,17.2,3.5,17.2,13.8C352,358.9,352,388.9,352,418.9z"
        dur="2s"

        begin="animation3.end"

        fill="freeze" id="animation4" />
</g>

SVG <path> <animation>无法正常工作

0 个答案: