/html/canvas:> Контейнер для графики_

Элемент canvas

Синтаксис

HTML
<canvas> ... </canvas>

Описание

Элемент canvas (от англ. "canvas" ‒ «холст, полотно») устанавливает контейнер для графики создаваемой при помощи скриптов (как правило на языке JavaScript). Так в скриптах можно создать графики (рисунки, анимацию, игры) с выводом их в указанный контейнер canvas.

Примечание

В данный элемент вкладывается текст на тот случай, если web-браузер не поддерживает элемент canvas и тогда вместо рисунка выводится вложенный текст.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 ---
5.0 4.11.4 The canvas element
5.1 4.12.4. The canvas element
XHTML
1.0 ---
1.1 ---

Атрибуты

height
Высота контейнера.
width
Ширина контейнера.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент canvas</title>
<style type="text/css">
canvas { position: absolute; }
</style>
</head>
<body>
<h1>Пример с элементом "canvas"</h1>
<div style="width: 250px; height: 150px; border: 1px solid #a8a8a8;">
<canvas id="canv">
Ваш web-браузер не поддерживает элемент «canvas».
</canvas>
<script type="text/javascript" src="painting.js"></script>
</div>
</body>
</html>
Элемент canvas