Chrome上的HTML5 drawImage变慢
使用HTML5进行离线渲染时我遇到了一些实际困难！ 我写的代码在Firefox中运行得非常好，在画布元素上使用drawImage可以绘制流畅的图像，而且速度非常快。
但是，使用Chrome 21时，drawImage性能非常糟糕。 我无法看到我要出错的地方。
这里是一个带有一些示例代码的jsfiddle：http://jsfiddle.net/DXgum/3/
在Firefox中，我可以获得大约60fps，铬只能提供10fps的帧速率。 如果我使用in-dom画布元素或非即插即用，性能不会有所不同。
在Chrome上无缓冲的渲染速度比Firefox快，所以我实际上不确定Chrome为什么会在drawImage中遇到这样的问题。
任何帮助或照亮这个问题将不胜感激！
系统信息：
多年来我一直在苦苦挣扎。 一个版本的Chrome很好，下一个版本再慢一点...我的终极解决方案有点冒险，但它很有效。
如果画布的大小<= 256，那么使用你的小提琴，我能够确定地确定性能大幅下降。
我的画布是200 x 200。
我只是制作了我的画布258 x 258，更改了所有数学以适应新尺寸，并使用画布包装div上的CSS缩放属性将画布外观缩小为近似原始尺寸。
做到这一点，我从30-40fps去了一个不错的稳定60。
链接地址: http://www.djcxy.com/p/50319.html