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>
有人有什么想法吗?感谢。