我只是对 Canvas 清除的东西感到困惑 - 草图已从 Canvas 上清除,但是当我单击 Canvas 绘制新内容时,清除的草图又回到同一位置。看起来草图已保存到一些“cookie”中,下次单击 Canvas 或鼠标悬停在 Canvas 上时已重新加载。
clear.click(function()){
var canvas = document,getElementById('mycanvas');
var context = canvas.getContext('2d');
context.clearRect(0,0,width,height);
});
我使用 sketch.js 进行绘图:http://intridea.github.com/sketch.js/ 实际上,sketch.js 中的代码也清理了 Canvas :canvas.width = canvas.width。您知道如何彻底清除它吗?谢谢!
最佳答案
请尝试以下问题的第二种解决方案。它说在清除 Canvas 之前重置变换矩阵。
// Use the identity matrix while clearing the canvas
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.clearRect(0, 0, canvas.width, canvas.height);
How to clear the canvas for redrawing
请参阅以下有关重置变换矩阵的教程。
关于javascript - 清除草图仍在 html5 Canvas 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13352932/