使用多个图层时,Chrome中的画布图像渲染质量不一致

时间:2014-03-11 00:22:10

标签: javascript html5 google-chrome canvas

令人沮丧的小渲染问题,我只在桌面上的Chrome上看到。

http://i.imgur.com/4hF3W7c.png

我有2个画布层,并且在不使用任何库的情况下绘制它们,只使用drawImage到每个画布。没什么特别的。但我正在尝试不经常将背景图像绘制到背景画布,然后需要经常移动的东西我想在顶部画布上绘制。这似乎比每帧在单个画布上绘制背景更有效。

问题是....如果我每次都将这个背景图像绘制到背面画布(底部示例),那么图形看起来很平滑和正确。但是如果我在后面的画布上绘制一次,然后在后续的RequestAnimationFrames上只绘制到前面的画布....那么背景图像会变成一个更加破烂的版本(顶部示例)!

我对此完全感到困惑!在绘制它之后我没有碰到后面的画布....那么为什么Chrome会改变它的外观呢?所有其他浏览器都显示了非常不稳定的顶级示例,我是否经常拒绝回到画布:/

感谢

0 个答案:

没有答案