САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Тег <canvas> атрибут height

❮ HTML тег <canvas>

Пример

Элемент <canvas> высотой и шириной 200 пикселей:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Попробуйте сами »

Определение и использование

Атрибут height задает высоту элемента <canvas> в пикселях.

Совет: Используйте атрибут width для указания ширины элемента <canvas> в пикселях.

Совет: Каждый раз, когда высота или ширина холста сбрасываются, содержимое холста будет очищено (см. пример внизу страницы).

Совет: Узнайте больше об элементе <canvas> в разделе HTML Canvas Учебник.


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
height 4.0 9.0 2.0 3.1 9.0

Синтаксис

<canvas height="pixels">


Значение атрибута

Значение Описание
pixels Задает высоту холста в пикселях (например, "100"). Значение по умолчанию 150

Еще примеры

Пример

Очистить холст, установив атрибут width или height (с помощью 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>