HTML5空画布方法(三种)

总结以下三种清除帆布画布的方法:

1。最简单的方式:当画布被重置时,无论是高度还是宽度都被重置,画布的内容将被清空,因此可以用以下方法清空:


clearcanvas()函数
{
var c = document.getelementbyid(myCanvas);
VaR CXT = c.getcontext(2D);
c.height = c.height;
}


2。使用clearRect方法:


clearcanvas()函数
{
var c = document.getelementbyid(myCanvas);
VaR CXT = c.getcontext(2D);
cxt.clearrect(0,0,c.width,c.height);
}



三.与方法2类似,可以用特定颜色填充画布以达到清除的目的。


clearcanvas()函数
{
var c = document.getelementbyid(myCanvas);
VaR CXT = c.getcontext(2D);

CXT。fillStyle =# 000000 ;
Cxt.beginPath();
cxt.fillrect(0,0,c.width,c.height);
Cxt.closePath();
}


以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。