javascript - 清除草图仍在 html5 Canvas 上

标签 javascript html canvas drawing

我只是对 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

请参阅以下有关重置变换矩阵的教程。

HTML5 Canvas Reset Transform Tutorial

关于javascript - 清除草图仍在 html5 Canvas 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13352932/

相关文章:

javascript - (Javascript + HTML) 如何将我的选择语句答案放入我的绘图 Canvas 中

javascript - Threejs,div innerWidth 和innerHeight 设置平面的宽度和高度后会自行改变吗?

javascript - JavaScript中对象的多级嵌套

javascript - 从 javascript 读取实时日志文件

html - 如何将div包裹在FULL图片周围

html - 在谷歌浏览器中,如何让正文内容的高度根据内容增长,就像它在 Firefox 中的行为一样?

html - 填充未应用于 ul

javascript - 检测碰撞 JavaScript

javascript - json_encode() 中的 json 无效

javascript - 有没有办法将样式表或 javascript 文件动态添加到包含插件的 TYPO3 页面?