本篇文章主要介绍了html5清空画布方法（三种），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
总结以下三种清空canvas画布的方式：
1. 最简单的方法：由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：
function clearcanvas<span style="font-family: verdana, arial, 宋体;">()</span> { var c=document.getelementbyid("mycanvas"); var cxt=c.getcontext("2d"); c.height=c.height; }
2. 使用clearrect方法：
function clearcanvas() { var c=document.getelementbyid("mycanvas"); var cxt=c.getcontext("2d"); cxt.clearrect(0,0,c.width,c.height); }
3. 类似于方法2，可以用某一特定颜色填充画布，从而达到清空的目的：
function 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(); }
以上就是html5实现清空画布的三种方法的详细内容。