What are the ways to clear the canvas in html5

This time I will bring you the methods of clearing the canvas in html5, and what are the precautions for clearing the canvas in html5. The following is a practical case, let's take a look.

canvas canvas:

function clearCanvas() 
{ 
    var c=document.getElementById("myCanvas"); 
    var cxt=c.getContext("2d"); 
    c.height=c.height; 
}

##2. Use the clearRect method:

function clearCanvas() 
{ 
    var c=document.getElementById("myCanvas"); 
    var cxt=c.getContext("2d"); 
    cxt.clearRect(0,0,c.width,c.height); 
}

3. Similar to method 2, you can fill the canvas with a specific color to achieve the purpose of clearing it:

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(); 
}

I believe you have mastered the method after reading these cases. Please pay attention for more exciting things. Other related articles on php Chinese website!

Related reading:

The above is the detailed content of What are the ways to clear the canvas in html5. For more information, please follow other related articles on the PHP Chinese website!