HTMLCanvasElement: height-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die Eigenschaft HTMLCanvasElement.height
ist eine positive integer
, die das height
-HTML-Attribut des <canvas>
-Elements in CSS-Pixeln interpretiert. Wenn das Attribut nicht angegeben ist oder einen ungültigen Wert, wie etwa einen negativen, enthält, wird der Standardwert 150
verwendet.
Wenn die height
-Eigenschaft gesetzt wird, wird der Zeichenpuffer immer auf leer zurückgesetzt – dies gilt für alle Kontexttypen, auch wenn die Höhe auf denselben Wert gesetzt wird. Möchten Sie den vorherigen Inhalt wiederherstellen, können Sie ihn über CanvasRenderingContext2D.getImageData()
speichern und über CanvasRenderingContext2D.putImageData()
wiederherstellen.
Dies ist eine von zwei Eigenschaften, die andere ist HTMLCanvasElement.width
, welche die Größe des Canvas steuern.
Wert
Eine Zahl.
Beispiele
Gegeben ist dieses <canvas>
-Element:
<canvas id="canvas" width="300" height="300"></canvas>
Sie können die Höhe des Canvas mit dem folgenden Code abrufen:
const canvas = document.getElementById("canvas");
console.log(canvas.height); // 300
Spezifikationen
Specification |
---|
HTML # dom-canvas-height |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
height |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
HTMLCanvasElement
: Schnittstelle, die verwendet wird, um dieHTMLCanvasElement.height
-Eigenschaft zu definierenHTMLCanvasElement.width
: Andere Eigenschaft zur Steuerung der Canvas-GrößeHTMLEmbedElement.height
HTMLIFrameElement.height
HTMLImageElement.height
HTMLObjectElement.height
HTMLSourceElement.height
HTMLVideoElement.height