Question

我是这个SVG动画： http://jeuderologie.fr/share/hom_intro_arrows.svg

您可以看到箭头淡入淡出并无限循环。它很好，它是预期的。

但是另一台服务器上的同一个svg文件（由于安全原因，我无法提供链接）在绘图上保持固定，从不播放动画。

这怎么可能？是否有一些配置要在服务器上播放svg动画？

这里是代码，如果它可以帮助...

<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="216 4.3 527 760" enable-background="new 216 4.3 527 760" xml:space="preserve">
    <g>
        <polyline fill="none" stroke="#0FF" stroke-width="40" stroke-miterlimit="10" opacity="1" points="728.9,18.7 480,261.3 249.8,18.7">
            <animate id="anim1" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="0s;anim12.end+0.1s" additive="replace" calcMode="linear" from="0" to="1" dur="0.1s"></animate>
            <animate id="anim12" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="anim3.end" additive="replace" calcMode="linear" from="1" to="0" dur="0.3s"></animate>
        </polyline>

        <polyline fill="none" stroke="#F0F" stroke-width="40" stroke-miterlimit="10" opacity="1" points="728.9,261.3 480,510.2 237.3,261.3">
            <animate id="anim2" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="anim1.end" additive="replace" calcMode="linear" from="0" to="1" dur="0.1s"></animate>
            <animate id="anim22" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="anim3.end" additive="replace" calcMode="linear" from="1" to="0" dur="0.3s"></animate>
        </polyline>

        <polyline fill="none" stroke="#FF0" stroke-width="40" stroke-miterlimit="10" opacity="1" points="721.9,487 473,735.9 230.3,487">
            <animate id="anim3" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="anim2.end" additive="replace" calcMode="linear" from="0" to="1" dur="0.1s"></animate>
            <animate id="anim32" attributeName="opacity" attributeType="XML" fill="freeze" accumulate="none" begin="anim3.end" additive="replace" calcMode="linear" from="1" to="0" dur="0.3s"></animate>
        </polyline>
    </g>
</svg>

Answer 1

这个谜团得到了解决。这不是服务器问题。我在一个项目上使用了缩小版，并且svg被更改了，打破了动画。

对我来说有点遗憾，但很高兴知道。

动画SVG不在服务器上播放，而是在另一个上播放

1 个答案: