清除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

结语:

	每一次的记录,每一次的记忆。

你可能感兴趣的:(Canvas画布,html,canvas,javascript)