Атрибут высоты HTML <canvas>
Пример
Элемент <canvas> высотой и шириной 200 пикселей:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Атрибут heightуказывает высоту
<canvas>элемента в пикселях.
Совет: используйте width
атрибут, чтобы указать ширину <canvas>элемента в пикселях.
Совет: Каждый раз, когда высота или ширина холста переустанавливаются, содержимое холста очищается (см. пример внизу страницы).
Совет: узнайте больше об <canvas>элементе в нашем
учебнике HTML Canvas .
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Attribute | |||||
|---|---|---|---|---|---|
| height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Синтаксис
<canvas height="pixels">
Значения атрибутов
| Value | Description |
|---|---|
| pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
Дополнительные примеры
Пример
Очистите холст, установив атрибут ширины или высоты (с помощью 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>