HTMLCanvasElement.width

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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

Синтаксис

js
var pxl = canvas.width;
canvas.width = pxl;

Примеры

Возьмём следующий <canvas> элемент:

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

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

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

Спецификации

Specification
HTML Standard
# dom-canvas-height

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также