пример
<canvas> элемент с height и width 200 пикселей:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
width атрибут определяет ширину <canvas> элемента в пикселях.
Совет: Используйте height атрибут для указания высоты <canvas> элемента в пикселях.
Совет: Каждый раз , когда высота или ширина холста вновь установить, содержание холст будет очищен (см пример в нижней части страницы).
Подсказка: Узнайте больше о <canvas> элемент в нашем HTML Canvas Учебник .
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2,0 | 3.1 | 9.0 |
Отличия между HTML 4.01 и HTML5
<canvas> тег является новым в HTML5.
Синтаксис
<canvas width="pixels">
значения атрибутов
| Стоимость | Описание |
|---|---|
| pixels | Определяет ширину холста в пикселях (например, "100"). Ширина по умолчанию "300" |
Еще примеры
пример
Очистить холст, установив 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> Попробуй сам "