我在ff和chrome中使用strokeDashoffset和strokeDasharray方法设置svg路径的动画效果,只有在IE中它看起来很好才能获得这种奇怪的效果。
在线示例 - http://www.vicsmash.com/experiments/svganim/
我测试了内联svg和getElementsByTagNameNS对象嵌入无论我使用什么方法IE渲染它都一样 - 它也适用于setInterval和Requestanimframe动画 - 绝对没有区别。
答案 0 :(得分:1)
如果IE没有重绘某些内容,请记住您可以使用forceRedraw
函数手动强制重绘SVG。我认为这里的问题在于你正在使用的插件,但不幸的是我无法确定。
你可以通过在动画期间创建一个重绘SVG的间隔函数来解决问题(希望插件允许onStart / onEnd事件以目标设置和清除间隔),但是为了“它甚至可以工作“,这里是使用jQuery的小提琴:http://jsfiddle.net/eithe/qseGX/
(我只需要jQuery for document.ready事件和遍历节点,你可以在你的代码中安全地删除它)