html5 – 在IE10行移动SVG行标记不更新?

前端之家收集整理的这篇文章主要介绍了html5 – 在IE10行移动SVG行标记不更新?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些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);
}

当然,您可以使用任何浏览器嗅探选择..

猜你在找的HTML5相关文章