Quels sont les moyens d'effacer le canevas en HTML5

Cette fois, je vais vous apporter quelques méthodes pour effacer le canevas en html5, et quelles sont les précautions pour effacer le canevas en html5. Ce qui suit est un cas pratique, jetons un coup d'œil.

Résumez les trois façons suivantes pour effacer la toile toile :

1. La méthode la plus simple : Puisque la toile est réinitialisée à chaque fois que sa hauteur ou width est Lorsqu'il est défini, le contenu du canevas sera 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 la toile avec une couleur spécifique pour atteindre l'objectif de la nettoyer :

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. Je crois que vous maîtrisez la méthode après avoir lu ces cas , pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser l'attribut title du HTML pour afficher du texte au survol de la souris

Comment faire en html Ouvrez une nouvelle fenêtre avec un lien hypertexte et contrôlez les propriétés de la fenêtre

Le code d'impression HTML prend en charge le changement de page

Comment résoudre un problème L'image de fond de l'étiquette n'affiche pas ce problème sous IE8

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!