canvas | Размер холста по умолчанию

canvas | Размер холста по умолчанию

По умолчанию холсты canvas имеют размер 300 х 150 пикселей.

Эти размеры получаются, если мы просто создаём новый объект элемента canvas в документе document при помощи языка JavaScript.

let my_canvas = document.createElement('canvas');

Если сейчас мы обратимся к свойствам width и height, то получим:

my_canvas.width
300

my_canvas.height
150
canvas - размеры холста по умолчанию 300 на 150 пикселей
canvas — размеры холста по умолчанию 300 на 150 пикселей

Информация из стандарта HTML

Элемент холста canvas имеет два атрибута для управления размером растрового изображения элемента: width (ширину) и height (высоту). Эти атрибуты, если они указаны, должны иметь значения, которые являются действительными неотрицательными целыми числами. Правила синтаксического анализа неотрицательных целых чисел должны использоваться для получения их числовых значений (obtain their numeric values).

Если атрибут отсутствует или если анализ его значения возвращает ошибку, то вместо него должно использоваться значение по умолчанию. Атрибут ширины width по умолчанию равен 300, а атрибут высоты height по умолчанию равен 150.

При установке значения атрибута ширины width или высоты height, если контекстный режим элемента холста canvas установлен на заполнитель (placeholder), пользовательский агент должен выдать исключение DOMException «InvalidStateError» и оставить значение атрибута неизменным.

Внутренние размеры элемента холста canvas, когда он представляет внедрённое содержимое, равны размерам растрового изображения элемента.

Пользовательский агент должен использовать квадратную плотность пикселей, состоящую из одного пикселя данных изображения на единицу координатного пространства для растровых изображений холста canvas и его контекстов визуализации.

Примечание

Размер элемента холста canvas может быть произвольно изменен с помощью таблицы стилей, его растровое изображение затем подчиняется свойству CSS «объектно-подходящее» (object-fit).

 

Информационные ссылки

canvas | Как изменить размер холста?

HTML | Элемент canvas

Стандарт HTML — Раздел «4.12.5 The canvas element» — https://html.spec.whatwg.org/multipage/canvas.html