HTMLCanvasElement: свойство width

Свойство HTMLCanvasElement.width — это положительное integer, отражающее атрибут width HTML элемента <canvas> , интерпретируемое в пикселях CSS. Если атрибут не указан или имеет недопустимое значение (например, отрицательное), используется значение по умолчанию 300.

При установке свойства width буфер отрисовки всегда сбрасывается в пустое состояние — это справедливо для всех типов контекстов и даже когда ширина устанавливается на то же самое значение. Если вам нужно восстановить предыдущее содержимое, вы можете сохранить его с помощью CanvasRenderingContext2D.getImageData() и восстановить с помощью CanvasRenderingContext2D.putImageData().

Это одно из двух свойств, другое — HTMLCanvasElement.height, которые контролируют размер холста.

Число.

Предположим, у нас есть такой элемент <canvas>:

<canvas id="canvas" width="300" height="300"></canvas>

Вы можете получить ширину холста с помощью следующего кода:

const canvas = document.getElementById("canvas");
console.log(canvas.width); // 300

• HTMLCanvasElement: Интерфейс, используемый для определения свойства HTMLCanvasElement.width
• HTMLCanvasElement.height: Другое свойство, используемое для управления размером холста
• HTMLEmbedElement.width
• HTMLIFrameElement.width
• HTMLImageElement.width
• HTMLObjectElement.width
• HTMLSourceElement.width
• HTMLVideoElement.width