Устанавливает ширину холста для рисования с помощью JavaScript.
Синтаксис
<canvas width="<значение>">
Значения
Любое целое положительное число в пикселях.
Значение по умолчанию
300 пикселей.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<title>canvas</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="square" width="300" height="300"></canvas>
<script>
let drawingCanvas = document.getElementById('square');
if(drawingCanvas && drawingCanvas.getContext) {
let context = drawingCanvas.getContext('2d');
context.fillStyle='rgb(0,0,255)';
context.fillRect(30,30,200,200);
context.fillStyle='rgba(0,255,0,0.5)';
context.fillRect(60,60,200,200);
context.fillStyle='rgba(255,0,0,0.5)';
context.fillRect(90,90,200,200);
}
</script>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.