HTML5 Canvas正确创建' Clear Canvas'按键

时间:2016-04-28 00:03:37

标签: javascript html5-canvas

我正在创建一个绘图应用程序并让我的清除按钮和功能正常工作。但是,当我单击画布上重新绘制某些内容时,旧绘图会弹回。我知道我需要做一些恢复,但我不确定如何去做。谢谢你的帮助。

HTML

count

的Javascript

<button onclick="clearall()"> clear </button> 

1 个答案:

答案 0 :(得分:0)

只需在画布上画一个白色方块即可清除它。

context.beginPath();
context.rect(0,0,canvas.width,canvas.height);
context.fillStyle = "#FFF";
context.fill();