Heim  >  Artikel  >  Web-Frontend  >  So löschen Sie die Leinwand in HTML5

So löschen Sie die Leinwand in HTML5

藏色散人
藏色散人Original
2021-05-26 11:49:474079Durchsuche

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.

So löschen Sie die Leinwand in HTML5

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn