Пример
Элемент <canvas> высотой и шириной 200 пикселей:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Попробуйте сами »
Определение: Тег <canvas> атрибут width
Тег <canvas> в HTML имеет атрибут width определяет ширину элемента <canvas> в пикселях.
Совет: Используйте атрибут height,чтобы указать высоту элемента <canvas>, в пикселях.
Совет: Каждый раз, когда высота или ширина холста сбрасываются, содержимое холста будет очищено (см. пример внизу страницы).
Совет: Узнайте больше об элементе <canvas> в разделе HTML Canvas Учебник.
Поддержка: Тег <canvas> атрибут width
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Синтаксис: Тег <canvas> атрибут width
<canvas width="pixels">
Значение: Тег <canvas> атрибут width
| Значение | Описание |
|---|---|
| pixels | Задает ширину холста в пикселях (например, "100"). Значение по умолчанию 300 |
Примеры: Тег <canvas> атрибут width
Пример
Очистите холст, установив атрибут width или height (с помощью 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 = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
Попробуйте сами »