HTML <canvas> hoogte kenmerk

❮ HTML <canvas> tag

Voorbeeld

'n <canvas>-element met 'n hoogte en breedte van 200 pieksels:

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

Meer "Probeer dit self" voorbeelde hieronder.


Definisie en gebruik

Die heightkenmerk spesifiseer die hoogte van die <canvas>element, in pixels.

Wenk: Gebruik die width kenmerk om die breedte van die <canvas>element, in pixels, te spesifiseer.

Wenk: Elke keer as die hoogte of breedte van 'n doek weer ingestel word, sal die doekinhoud uitgevee word (sien voorbeeld onderaan bladsy).

Wenk: Kom meer te wete oor die <canvas>element in ons HTML Canvas Tutoriaal .


Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kenmerk ten volle ondersteun.

Attribute
height 4.0 9.0 2.0 3.1 9.0

Sintaksis

<canvas height="pixels">


Eienskapwaardes

Value Description
pixels Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150

Meer voorbeelde

Voorbeeld

Maak die doek skoon deur die breedte- of hoogte-kenmerk in te stel (met JavaScript):

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

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);

function clearCanvas() {
    c.height = 300;
}

</script>

❮ HTML <canvas> tag