Spec-Zone.ru › Web APIs

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.width
  • HTMLIFrameElement.width
  • HTMLImageElement.width
  • HTMLObjectElement.width
  • HTMLSourceElement.width
  • HTMLVideoElement.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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API