Maison >interface Web >Questions et réponses frontales >Comment effacer le canevas en HTML5
Comment effacer le canevas en HTML5 : 1. Utilisez la méthode "clearCanvas" pour effacer le canevas ; 2. Utilisez la méthode clearRect pour effacer le canevas ; 3. Remplissez le canevas avec une couleur spécifique pour effacer le canevas ; .
L'environnement d'exploitation de cet article : système Windows7, version HTML5&&CSS3, ordinateur DELL G3
Méthode de toile claire HTML5
Résumé comme suit Trois façons d'effacer le canevas :
1. La méthode la plus simple : étant donné que le contenu du canevas sera effacé chaque fois que la hauteur ou la largeur du canevas est réinitialisée, vous pouvez utiliser les méthodes suivantes pour l'effacer. :
function clearCanvas() { var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); c.height=c.height; }
2. Utilisez la méthode clearRect :
function clearCanvas() { var cxt=document.getElementById("myCanvas").getContext("2d"); cxt.clearRect(0,0,c.width,c.height); }
3 Semblable à la méthode 2, vous pouvez remplir le canevas avec une couleur spécifique pour atteindre l'objectif de l'effacer :
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(); }.
Apprentissage recommandé : " Tutoriel vidéo HTML》
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!