html - 错误后重置 Canvas

Question

我在嵌入式设备上的基于WebKit的浏览器中看到以下行为:在向 Canvas 绘制错误后(我不确定该错误的性质是否确切，但有时看起来好像是由于绘制太慢而无法绘制...)， Canvas 本身变得陈旧。即不再有绘制命令会影响图像(该错误已在JavaScript代码中捕获)。

目前，我无法修复该错误-我如何使 Canvas 刷新，就像在绘制错误后恢复一样？

Answer 1

您可以尝试通过以下方式强制重新初始化:

try {

//to catch the error you recevie
} catch(err) {

    var tempHeight = canvas.height;
    canvas.height = 0;
    canvas.height = tempHeight;
}

(有人会说只设置 canvas.height = canvas.height(或宽度)，但这并不在所有浏览器中都有效)。

另一种方法是分离canvas元素本身，创建一个新元素，然后使用 attachChild将其附加到原始父元素。

但是，这些都是黑客，希望您看到的错误将在下次更新中删除。