IE9动画SVG时的奇怪行为

时间:2013-11-28 17:38:38

标签: javascript internet-explorer svg

我在ff和chrome中使用strokeDashoffset和strokeDasharray方法设置svg路径的动画效果,只有在IE中它看起来很好才能获得这种奇怪的效果。

在线示例 - http://www.vicsmash.com/experiments/svganim/

我测试了内联svg和getElementsByTagNameNS对象嵌入无论我使用什么方法IE渲染它都一样 - 它也适用于setInterval和Requestanimframe动画 - 绝对没有区别。

图片网址 - http://i.stack.imgur.com/aD0EG.png

1 个答案:

答案 0 :(得分:1)

如果IE没有重绘某些内容,请记住您可以使用forceRedraw函数手动强制重绘SVG。我认为这里的问题在于你正在使用的插件,但不幸的是我无法确定。

你可以通过在动画期间创建一个重绘SVG的间隔函数来解决问题(希望插件允许onStart / onEnd事件以目标设置和清除间隔),但是为了“它甚至可以工作“,这里是使用jQuery的小提琴:http://jsfiddle.net/eithe/qseGX/

(我只需要jQuery for document.ready事件和遍历节点,你可以在你的代码中安全地删除它)