画布绘图..奇怪的行为

Question

我的画布元素有问题。代码真的很简单，但是如果我从我的标签切换到另一个标签，然后我返回后，会发生什么如图所示。有人对此有解释吗？

var canvas = $('#image')[0];
canvas.height = 785;
canvas.width = 448;

var img = new Image();
img.onload = function() {
    var context = canvas.getContext('2d');
    context.drawImage(img, 0, 0);
};

编辑：我使用的是 chrome，使用 firefox 不会发生这种情况..

What happens http://matteociman.altervista.org/images/behaviour.png

Answer 1

这是 Google Chrome 稳定版中引入的一个相对较新的错误。它也在开发者版本中（并且已经持续了数周）如果您打开开发者控制台，情况会变得更糟。

上次我加载 nightly 时它也坏了，但它们绝对没有问题。

目前，稍微调整窗口大小或在 about:flags 中禁用硬件加速即可解决此问题。

这个错误可能是相关的，我只在使用 AMD 显卡的机器上遇到过这个问题：http://code.google.com/p/chromium/issues/detail?id=125246