SVG <animatetransform>是否有针对Iphone的safari工作的解决方法?</animatetransform>

时间:2015-01-16 05:22:43

标签: svg svg-animate

animateTransform在safari上无法正常工作(Iphone和windows safari 5)。这是小提琴。在Chrome与Safari中进行比较。

http://jsfiddle.net/20wzj8fk/1/

这无疑是一个错误,但我希望有人遇到同样的问题并找到解决方法。谷歌和SO都没有为我提出这个完全相同的问题。这是代码:

<svg id="thesvg">
<defs>

<path id="Xprototype"  d="M -20,-20 L20,20 M20,-20 L -20,20"  stroke="blue"/>
                    </defs>
<g class="myelement" fill="transparent" elementnum="1" transform="translate(20 120)">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#Xprototype"></use>
        <animateTransform attributeName="transform" attributeType="xml" type="translate" to="20 120" dur="1s" begin="0"  ></animateTransform>
        <animateTransform attributeName="transform" attributeType="xml" type="translate" to="140 140" dur="1s" begin="1" fill="freeze"></animateTransform>
    </g>

    </svg>

有人有什么想法吗?感谢。

0 个答案:

没有答案