html - 在 IE10 中移动线条时,SVG 线条标记不会更新?

标签 html svg internet-explorer-10

我有一些带有线标记的 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/

相关文章:

javascript - 带 cookie 的全屏滑动切换

html - 禁用 Jupyter 键盘快捷键

javascript - 使 SVG 图标出现在 JS 待办事项列表项上

javascript - ReactJS 和 Vivus SVG 动画

flash - Windows RT 上的 Internet Explorer 10 是否支持所有网站的 Flash?

javascript - 当我们悬停任何东西时影响其他元素

svg - 是否有事件监听器来检测鼠标在点/SVG 图形上的点击?

twitter-bootstrap - 在 IE10 中使用 Bootstrap 菜单呈现页面时出现问题

CSS:如何跨浏览器设置边框半径(仅缺少 IE8 和 IE9?)

javascript - Style.visibility 不隐藏元素