HTML <canvas> height egenskab

HTML <canvas> tag

Definition og brug

height Egenskaben definerer højden på <canvas>-elementet i pixels.

advarsel

Brug width egenskab Angiv bredden på <canvas>-elementet i pixels.

Hver gang du sætter canvas' højde eller bredde til en ny værdi, vil indholdet blive ryddet (se eksemplet nederst på siden).

Besøg vores HTML Canvas教程 Lær mere om <canvas>-elementet her.

Eksempel

Eksempel 1

En <canvas> element med både højde og bredde på 200 pixels:

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

Prøv selv

Eksempel 2

Ved at sætte højdeegenskaben til 300px kan du rydde canvas (brug JavaScript):

<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.høyde = 400;
}
</script>

Prøv selv

Syntaks

<canvas høyde="pixels">

Egenskapsverdi

Verdi Beskrivelse
pixels Angir høyden på malen i piksler (f.eks. “100”). Standardverdien er 150.

Nettleserstøtte

Tallene i tabellen angiver den første version af nettleseren som fullt ut støtter egenskapen.

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

HTML <canvas> tag