如果是全屏,帧率会受到很大影响,但如果你降低窗口高度,那么webkit似乎对图形很满意。Opera和Firefox在任何大小上都没有问题。图形是用d3.js创建的,但我认为同样的SVG图像也会发生这种情况,因为它只是生成元素的代码。光标的移动是纯js的。顺便提一下,我发现如果我使用translate3d(x, y, 0)而不是顶部和左侧,鼠标移动是平滑的,但我更喜欢使用这个作为最后的手段。translate(x, y)也很慢。
我有一对图,我希望将它们绑定到d3.js zoom()功能。我查看了d3.js API wiki,但是还没有关于zoom()功能的文档。基本上,我希望当用户缩放或拖动其中一个时,这两个图形都会更新。我不知道如何将缩放行为应用于两个不同的图形。我希望缩放和拖动应用于这两个图表时,其中之一被修改。我知道我需要修改对zoom()行为的调用:
rect.call(d3.behavior.zoom().x(x<