Quel est le code du canevas clair HTML5

Il existe trois codes pour effacer le canevas en HTML5 : 1. Effacez le canevas via le code "function clearCanvas{...}" ; 2. Effacez le canevas en utilisant la méthode clearRect ; var c=document.getElementById(" myCanvas");var cxt=c.getContext("2d")..." le code efface le canevas.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur DELL G3

Quel est le code pour effacer le canevas en html5 ?

Méthode d'effacement du canevas HTML5

Résumez les trois façons suivantes pour 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 donc utilisez 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 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 HTML5》

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!