Javascript Safari上的SVG动画工件

Javascript Safari上的SVG动画工件,javascript,safari,svg,mobile-safari,d3.js,Javascript,Safari,Svg,Mobile Safari,D3.js,我正在使用d3.js来做一些svg布局/动画,遇到了第一个示例描述的问题(仅在Safari/Safari mobile上): (例如,当rect+文本移动时,它会在其路径中留下渲染瑕疵) 有人知道这方面的解决方法吗 我能找到的唯一一个类似的问题是这个没有答案的问题: 您一定要就此提交WebKit错误报告。您已经将它简化为一个非常清晰的测试用例,这样应该可以让其他人更容易地修复它 任何基于水平定位强制重画的方法似乎都可以解决这个问题。我注意到,切换到另一个选项卡并返回,导致它重新绘制。如何重新定

我正在使用d3.js来做一些svg布局/动画,遇到了第一个示例描述的问题(仅在Safari/Safari mobile上):

(例如,当rect+文本移动时,它会在其路径中留下渲染瑕疵)

有人知道这方面的解决方法吗

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


您一定要就此提交WebKit错误报告。您已经将它简化为一个非常清晰的测试用例,这样应该可以让其他人更容易地修复它


任何基于水平定位强制重画的方法似乎都可以解决这个问题。我注意到,切换到另一个选项卡并返回,导致它重新绘制。如何重新定位内容区域,例如,先向右移动1px,然后向左移动1px,以强制重画?它不漂亮,但比人工制品好。

你肯定应该就此提交一份WebKit错误报告。您已经将它简化为一个非常清晰的测试用例,这样应该可以让其他人更容易地修复它


任何基于水平定位强制重画的方法似乎都可以解决这个问题。我注意到,切换到另一个选项卡并返回,导致它重新绘制。如何重新定位内容区域,例如,先向右移动1px,然后向左移动1px,以强制重画?它不漂亮,但比人工制品好。

FWIW,这里的测试用例不是我的,但它是少数几个有人提到它的地方之一。我会看看这个位置是否有用。哦,根据他网站上的链接,这个问题已经在webkit中解决了,但我仍然在Safari IPad和Windows中看到这个问题(还没有尝试Mac)。遗憾的是,SVG在web上的状态并不好。这一比例为90%,但仍有许多角落案例没有得到解决。我为iOS编写了一个SVG渲染器,工作量很大,我甚至没有接触动画内容。目前它看起来相当不错——尝试一些d3.js示例,我还没有找到一个在iOS上运行得很差的。我只遇到了几个难看的问题,主要是字体/文本。这个问题是我到目前为止看到的唯一一个通用的渲染问题。这个答案几乎就是我如何解决它的。如果我一帧一帧地做,IOS上的动画会有点起伏,但如果我等到最后再清理,效果还不错。希望IOS 6会有最新的webkit补丁。FWIW,这里的测试用例不是我的,但它是少数几个有人提到它的地方之一。我会看看这个位置是否有用。哦,根据他网站上的链接,这个问题已经在webkit中解决了,但我仍然在Safari IPad和Windows中看到这个问题(还没有尝试Mac)。遗憾的是,SVG在web上的状态并不好。这一比例为90%,但仍有许多角落案例没有得到解决。我为iOS编写了一个SVG渲染器,工作量很大,我甚至没有接触动画内容。目前它看起来相当不错——尝试一些d3.js示例,我还没有找到一个在iOS上运行得很差的。我只遇到了几个难看的问题,主要是字体/文本。这个问题是我到目前为止看到的唯一一个通用的渲染问题。这个答案几乎就是我如何解决它的。如果我一帧一帧地做,IOS上的动画会有点起伏,但如果我等到最后再清理,效果还不错。希望IOS 6会有最新的webkit补丁。