HTML <canvas> height Atribut
Příklad
Prvek <canvas> o výšce a šířce 200 pixelů:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Atribut heighturčuje výšku
<canvas>prvku v pixelech.
Tip: Pomocí width
atributu zadejte šířku <canvas>prvku v pixelech.
Tip: Při každém novém nastavení výšky nebo šířky plátna se obsah plátna vymaže (viz příklad v dolní části stránky).
Tip: Další informace o <canvas>prvku naleznete v našem
výukovém programu HTML Canvas .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tento atribut plně podporuje.
| Attribute | |||||
|---|---|---|---|---|---|
| height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Syntax
<canvas height="pixels">
Hodnoty atributů
| Value | Description |
|---|---|
| pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
Další příklady
Příklad
Vyčistěte plátno nastavením atributu width nebo height (pomocí JavaScriptu):
<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 tag <canvas>