清除Canvas 上一次的内容
<!--插入一个canvas画布 -->
<canvas id="myCanvas" width="300" height="300" ></canvas>
<button onclick="cls">清空</button>
function cls(){
//获取canvas的ID
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
//清除对应的坐标和大小
ctx.clearRect(0,0,300,300);
}
注意:1,ctx.clearRect(0,0,300,300),括号里对应的是你要清除的(X轴,Y轴,高,宽)。2,这是HTML项目,如果是vue项目需要把点击事件的onclick改为@click
结语:
每一次的记录,每一次的记忆。