SVG 图像在 Chrome 中更新订单时闪烁答案

【问题标题】：SVG images blink when their order is updating in ChromeSVG 图像在 Chrome 中更新订单时闪烁
【发布时间】：2012-05-08 20:53:44
【问题描述】：

我有一个奇怪的问题。我有一个将图像加载到 SVG 的脚本，然后用户可以通过单击它们手动更新它们的顺序：单击的图像在 SVG 树中上升。

问题在于，在 Chrome 中，当它们在树中的顺序发生变化时，所有图像都会闪烁。但是，Firefox 和 Safari 工作时不会闪烁。此外，我在另一个域上有这个脚本的副本，它也不会在那里闪烁。

闪烁是否可能是由某些与域相关的问题引起的？在这两种情况下，图像都与页面位于同一域中。我使用 Chrome 18。

【问题讨论】：

【解决方案1】：

当您需要进行复杂的操作或遇到您所描述的错误时，您可以在 SVG 中的任何元素上调用 suspendRedraw() 方法。当您完成操作后，请在同一元素上调用 unsuspendRedraw() 以让浏览器重新呈现图像。我会调用图像的父元素上的方法。

【讨论】：