html5实现清空画布的方法有哪些 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下html5实现清空画布的方法有哪些,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

总结以下三种清空帆布画布的方式:

1。最简单的方法:由于画布上每当高度或宽度被重设时,画布内容就会被清空,因此可以用以下方法清空:

函数clearCanvas<跨风格=白痔謇嘈?Verdana, Arial,宋体;“在()& lt;/span>
　　{
　　var c=. getelementbyid (“myCanvas");
　　var cxt=c.getContext (“2 d");
　　c.height=c.height;
　　}

2。使用clearRect方法:

clearCanvas()函数　　{ 　　var c=. getelementbyid (“myCanvas"); 　　var cxt=c.getContext (“2 d"); 　　cxt.clearRect (0, 0, c.width c.height); 　　}

3。第2类似于方法,可以用某一特定颜色填充画布,从而达到清空的目的:

 clearCanvas()函数
　　{
　　var c=. getelementbyid (“myCanvas");
　　var cxt=c.getContext (“2 d");
　　
　　cxt.fillStyle=? 000000“;
　　cxt.beginPath ();
　　cxt.fillRect (0, 0, c.width c.height);
　　cxt.closePath ();
　　}

看完了这篇文章,相信你对html5实现清空画布的方法有哪些有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!