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,不幸的是。

解决方法

这是一种快速的做法,效果很好。
我没有注意到任何闪烁或性能相关的问题。

只需将svg节点重新添加到原始位置即可:

if (navigator.appVersion.indexOf("MSIE 10") != -1) {
    svgNode.parentNode.insertBefore(svgNode,svgNode);
}

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

相关文章

HTML5不是新事物。自从最初发布(2008年1月)以来,我们一直在使用它的一些功能。后来,我再次仔细查看...
Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(...
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表...
clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象...
语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) 定义和用法...
基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让...