Question

我的canvas元素有问题。代码非常简单，但如果我从我的标签切换到另一个标签，并且在我返回之后，图中显示了所发生的情况。有人对此有解释吗？

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稳定版中引入的一个相对较新的错误。它也在开发人员版本中（并且已经持续数周）如果你打开一个开发人员控制台会变得更糟。

上次我每晚都装满了它也被打破了，但他们肯定没有问题。

目前，稍微调整窗口大小或禁用about：flags中的硬件加速将解决问题。

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

画布绘图..奇怪的行为

1 个答案: