数码资讯
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();
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
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();
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。