我有一些SVG线与线标记在一起,我有一个脚本来移动这些线。这在所有浏览器上都可以正常工作,包括IE9。
但是,我只是在IE10上尝试过,线条移动时线标记会留下。
这个例子可以在这里看到:http://jsfiddle.net/swYRK/8/
我已经在Windows 7和8上尝试过了。
任何人都知道发生了什么事这是一个IE10的bug,还是有另一种方法来移动线和标记?
(注意,实际的应用程序是非常性能敏感的,所以我非常想避免在我移动它们时重新创建行,或者某些东西。)
-
编辑:这似乎是一个真正的IE 10的bug。我发现一个open issue in the IE bug tracker(需要一个微软帐号才能看到,这使得Google不可见,您好?),我已经添加了信息。 IE还没有接受这个问题。
如果有任何其他的人们可以想到的工作,这将是很棒的听到。完全删除结束标记,渲染,然后重新添加它们的工作原理(显示可见闪烁),但不可接受在my application,不幸的是。
解决方法
@H_301_21@ 这是一种快速的做法,效果很好。我没有注意到任何闪烁或性能相关的问题。
只需将svg节点重新添加到原始位置即可:
if (navigator.appVersion.indexOf("MSIE 10") != -1) { svgNode.parentNode.insertBefore(svgNode,svgNode); }
当然,您可以使用任何浏览器嗅探选择..