HTML <canvas> height-attribut

HTML <canvas> etikett

Definition och användning

height Attributet anger höjden på <canvas>-elementet i pixlar.

Tips

Använd width-attribut Specificera bredden på <canvas>-elementet i pixlar.

Varje gång du återställer höjden eller bredden på canvas kommer innehållet att rengöras (se exempel på sidans botten).

Vänligen besök vår HTML Canvas handledning Lär dig mer om <canvas>-elementet.

Exempel

Exempel 1

En <canvas>-element med höjd och bredd på 200 pixlar:

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

Prova själv

Exempel 2

Genom att sätta höjdsattributet till 300px kan du rengöra canvas (använd 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öjd = 400;
}
</script>

Prova själv

Syntaks

<canvas höjd="pixels">

Egenskapsvärde

Värde Beskrivning
pixels Bestäm kanvans höjd i pixlar (t.ex. “100”). Standardvärdet är 150.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder egenskapen.

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

HTML <canvas> etikett