当前位置:首页 > 博客 >Html/Css > 正文

canvas清空画布的几种方法?

时间:2017-01-12 16:49   作者:admin   点击:

方法1:在需要清空的地方,重新设值一下你想清除的画布的高度或宽度 可以实现

function clearCanvas ()
{  
    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");  
    c.clearRect();  
}

方法3:再画一个画布,遮住底下的,实现清空