HTML5空画布方法(三种)

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();
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部