在Chrome中更新订单时，SVG图像会闪烁

Question

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

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

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

Answer 1

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