HTML <canvas> hoogte kenmerk
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 height
kenmerk 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