我有一些带有线标记的 SVG 线条,我有一个脚本可以移动这些线条。这适用于所有浏览器,包括 IE9。
但是,我刚在 IE10 上试过,线移动时线标记会留在后面。
可以在这里看到一个例子:http://jsfiddle.net/swYRK/8/
我在 Windows 7 和 8 上都试过这个。
有人知道这是怎么回事吗?这是 IE10 错误,还是有其他方法可以移动线条和标记?
(请注意,实际应用程序对性能非常敏感,因此我非常想避免在移动线条时每帧重新创建线条之类的事情。)
-
编辑:这似乎是一个真正的 IE 10 错误。我找到了一个 open issue in the IE bug tracker (这甚至需要一个 Microsoft 帐户才能看到,这使得它对 Google 不可见。你好?),我已将信息添加到其中。 IE 尚未接受该问题。
如果人们能想到任何其他变通方法,那将是一件好事。完全删除结束标记,渲染它,然后重新添加它们可以正常工作(显示可见的闪烁),但在 my application 中是 Not Acceptable ,不幸的是。
最佳答案
这是一种快速的方法,效果很好。 我没有注意到任何闪烁或性能相关的问题。
只需在原来的位置重新添加 svg 节点:
if (navigator.appVersion.indexOf("MSIE 10") != -1) {
svgNode.parentNode.insertBefore(svgNode, svgNode);
}
当然,您可以选择使用任何浏览器嗅探..
关于html - 在 IE10 中移动线条时,SVG 线条标记不会更新?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15693178/