Quels sont les moyens d’effacer le canevas dans H5 ?

Cette fois je vais vous présenter les méthodes de nettoyage de la toile en H5, et quelles sont les précautions pour nettoyer la toile en H5. Ce qui suit est un cas pratique, jetons un oeil.

Résumez les trois façons suivantes pour effacer le canevas canvas :

1. La méthode la plus simple : puisque le canevas est réinitialisé à chaque fois que la hauteur ou la largeur du canevas est réinitialisée. être effacé, vous pouvez donc utiliser les méthodes suivantes pour l'effacer :

function clearCanvas<span style="font-family: Verdana, Arial, 宋体;">()</span>  
{  
    var c=document.getElementById("myCanvas");  
    var cxt=c.getContext("2d");  
    c.height=c.height;  
}

2. Utilisez la méthode clearRect :

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

3. Semblable à la méthode 2, vous pouvez remplir le champ. toile avec une couleur spécifique , afin d'atteindre l'objectif de nettoyage :

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles sur le site php chinois !

Lecture recommandée :

Comment obtenir l'effet d'animation de la transformation d'images en HTML5

Comment utiliser Canvas pour implémenter fonction avatar personnalisé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!