HTML <canvas> height Attribut

HTML-<canvas> Tag

Definition und Verwendung

height Das Attribut legt die Höhe des <canvas>-Elements in Pixeln fest.

Hinweis

Verwenden Sie width-Attribut Bestimmen Sie die Breite des <canvas>-Elements in Pixeln.

Bei jeder Änderung der Höhe oder Breite des Canvas wird der Inhalt gelöscht (siehe Beispiel am Ende der Seite).

Bitte besuchen Sie unsere HTML Canvas Anleitung Lernen Sie mehr über das <canvas>-Element.

Beispiel

Beispiel 1

Ein <canvas>-Element mit einer Höhe und Breite von je 200 Pixeln:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

Versuchen Sie es selbst

Beispiel 2

Durch Einstellen der Höhe auf 300px wird das Canvas gelöscht (JavaScript verwenden):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

Versuchen Sie es selbst

Syntax

<canvas height="pixels">

Attributwert

Wert Beschreibung
pixels Bestimmt die Höhe des Canvas in Pixeln (z.B. "100"). Der Standardwert ist 150.

Browserunterstützung

Die Zahlen in der Tabelle geben die erste Version des Browsers an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

HTML-<canvas> Tag