So löschen Sie die Leinwand in HTML5

So löschen Sie die Leinwand in HTML5: 1. Verwenden Sie die Methode „clearCanvas“, um die Leinwand zu löschen. 2. Verwenden Sie die Methode „clearRect“, um die Leinwand zu löschen. 3. Füllen Sie die Leinwand mit einer bestimmten Farbe, um die Leinwand zu löschen.

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer

HTML5-Leinwand-Clear-Canvas-Methode

Fassen Sie die folgenden drei Möglichkeiten zum Löschen der Leinwand zusammen:

1. Da die Leinwand jedes Mal leer ist, wird der Leinwandinhalt gelöscht, sodass er mit den folgenden Methoden gelöscht werden kann:

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

2 Verwenden Sie die Methode „clearRect“:

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

3 2. Die Leinwand kann mit einer bestimmten Farbe gefüllt werden, um den Zweck des Löschens zu erreichen:

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

Empfohlenes Lernen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo löschen Sie die Leinwand in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!