Safari上的SVG动画工件

Question

我正在使用d3.js做一些svg布局/动画，并且遇到了第一个示例所描述的问题（仅限在Safari / Safari手机上）：

http://www.mysparebrain.com/svgbug.html

（例如，当rect +文本移动时，它会在其路径中留下渲染工件）

有没有人知道这方面的解决方法？

我能找到的唯一类似的问题是这个没有答案的问题：

Canvas draws artifacts in Safari for animated, filled bezier curves

Answer 1

您一定要提交一份关于此的WebKit错误报告。你已经把它简化为一个非常明确的测试用例，这样就可以让别人更容易修复它。

任何强制基于水平定位重绘的东西似乎都可以修复它。我注意到只是切换到另一个选项卡并返回导致它重绘。如何重新定位内容区域，例如，向右移动1px然后向左移动1px，以强制重绘？它并不漂亮，但它比工件更好。