HTMLCanvasElement: свойство height
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузера. Она доступна в браузерах с июля 2015 года.
Свойство HTMLCanvasElement.height — положительное integer значение, отражающее height HTML атрибут элемента <canvas>, интерпретированный в пикселях CSS. Если атрибут не указан или имеет недопустимое значение (например, отрицательное), используется значение по умолчанию 150.
Установка свойства height всегда приводит к очистке буфера отрисовки — это справедливо для всех типов контекстов, даже если высота устанавливается на то же значение. Если вам нужно восстановить предыдущее содержимое, сохраните его с помощью CanvasRenderingContext2D.getImageData() и восстановите с помощью CanvasRenderingContext2D.putImageData().
Это одно из двух свойств, контролирующих размер холста, другое — HTMLCanvasElement.width.
Значение
Число.
Примеры
Дано следующий элемент <canvas>:
<canvas id="canvas" width="300" height="300"></canvas>
Вы можете получить высоту холста следующим кодом:
const canvas = document.getElementById("canvas");
console.log(canvas.height); // 300
Спецификации
| Спецификация |
|---|
| HTML # dom-canvas-height |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
height |
1 | 12 | 1.5 | 9 | 3 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 |
См. также
-
HTMLCanvasElement: Интерфейс, используемый для определения свойстваHTMLCanvasElement.height -
HTMLCanvasElement.width: Другое свойство, используемое для управления размером холста HTMLEmbedElement.widthHTMLIFrameElement.widthHTMLImageElement.widthHTMLObjectElement.widthHTMLSourceElement.widthHTMLVideoElement.width
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/height