Атрибут width HTML <canvas>

Тег <canvas> HTML

Определение и использование

width Атрибут width определяет ширину элемента <canvas> в пикселях.

Подсказка

Используйте Атрибут height Укажите высоту элемента <canvas> в пикселях.

При каждом изменении высоты или ширины канваса его содержимое будет очищено (см. пример в нижней части страницы).

Пожалуйста, обратитесь к нашему Учебник HTML Canvas Узнайте больше о элементе <canvas> в наших

Пример

Пример 1

Элемент <canvas> с шириной и высотой 200 пикселей:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

Попробуйте сами

Пример 2

Через установку атрибута width в 400px можно очистить канвас (используя JavaScript):

<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.width = 400;
}
</script>

Попробуйте сами

Синтаксис

<canvas width="пиксели">

Значение атрибута

Значение Описание
пиксели Определяет ширину канвы в пикселях (например, “100”); по умолчанию 300.

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Тег <canvas> HTML