Question

我有一个包含另一个SVG图像作为源的图像的SVG，这个SVG图像使用SMIL拥有它自己的动画。

<svg ...>
...
<image xlink:href="images/ring-alt.svg" y="32" x="32" height="15" width="15" class="discovery-in-progress-sign"></image>
...
</svg>

ring-alt.svg代码是

<?xml version="1.0" encoding="utf-8"?>
    <svg width='100px' height='100px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
        <rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect>
        <circle cx="50" cy="50" r="40" stroke="#afafb7" fill="none" stroke-width="10" stroke-linecap="round"></circle>
        <circle cx="50" cy="50" r="40" stroke="#5cffd6" fill="none" stroke-width="6" stroke-linecap="round">
            <animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" from="0" to="502"></animate>
            <animate attributeName="stroke-dasharray" dur="2s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate>
        </circle>
    </svg>

以上SVG适用于Chrome，有时是Firefox，而IE则不适用。

任何想法？

由于艾哈迈德

SVG SMIL无法在Firefox和IE中运行

0 个答案: