Was ist der HTML5-Clear-Canvas-Code?

Es gibt drei Codes zum Löschen der Leinwand in HTML5: 1. Löschen Sie die Leinwand mit dem Code „function clearCanvas{...}“. 2. Löschen Sie die Leinwand mit der Methode „clearRect“. var c=document.getElementById(" myCanvas");var cxt=c.getContext("2d")..." Code löscht die Leinwand.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, DELL G3-Computer

Was ist der Code zum Löschen der Leinwand in HTML5?

HTML5-Methode zum Löschen der Leinwand

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

1. Die einfachste Methode: Da der Leinwandinhalt jedes Mal gelöscht wird, wenn die Höhe oder Breite der Leinwand zurückgesetzt wird, können Sie dies tun Verwenden Sie die folgenden Methoden, um es zu löschen:

function clearCanvas<span style="font-family: Verdana, Arial, 宋体;">()</span>
{
    var c=document.getElementById("myCanvas");
    var cxt=c.getContext("2d");
    c.height=c.height;
}

2. Verwenden Sie die Methode „clearRect“:

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

3. Ähnlich wie bei Methode 2 können Sie die Leinwand mit einer bestimmten Farbe füllen, 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();
}

Empfohlene Anleitung : „HTML5-Video-Tutorial》

Das obige ist der detaillierte Inhalt vonWas ist der HTML5-Clear-Canvas-Code?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!