Атрибут width
Синтаксис
HTML
<canvas width="[значение]"> ... </canvas>
Описание
Атрибут / параметр width (от англ. "width" ‒ «ширина») указывает ширину элемента-контейнера растрового изображения.
Условия использования
Если атрибут отсутствует, или если обработка его значения возвращает ошибку, то браузер должен использовать значение по умолчанию.
CSS
Аналог: width: <число>px;
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.11.4 The canvas element ...bitmap: width and... |
| 5.1 | 4.12.4. The canvas element ...bitmap: width and... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
В качестве значения указывается любое допустимое неотрицательное целое число (включая «0»).
Значение по умолчанию: «300».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр width (Элемент canvas)</title>
<style type="text/css">
canvas { position: absolute; }
</style>
</head>
<body>
<h1>Пример с атрибутом "width"</h1>
<canvas id="canv" width="250" height="150" style="border: 1px solid #a8a8a8;">
Ваш web-браузер не поддерживает элемент «canvas».
</canvas>
<script type="text/javascript" src="../painting.js"></script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр width (Элемент canvas)</title>
<style type="text/css">
canvas { position: absolute; }
</style>
</head>
<body>
<h1>Пример с атрибутом "width"</h1>
<canvas id="canv" width="250" height="150" style="border: 1px solid #a8a8a8;">
Ваш web-браузер не поддерживает элемент «canvas».
</canvas>
<script type="text/javascript" src="../painting.js"></script>
</body>
</html>
Параметр width (Элемент canvas)