Справочник HTML5 — canvas

<canvas>

Поддержка браузеров

 IE Opera Chrome Firefox Safari
IE9+ + + + +

Пример

Как отобразить красный квадрат с помощью элемента canvas:

<canvas id="myCanvas"></canvas>
<script>
	var canvas=document.getElementById('myCanvas');
	var ctx=canvas.getContext('2d');
	ctx.fillStyle='#FF0000';
	ctx.fillRect(0,0,80,100);
</script>

Определение и использование

Тег <canvas> используется для отображения графики.

Тег <canvas> является только контейнером для графики, вы должны использовать сценарий для фактического рисования графики.

Разница между HTML 4.01 и HTML5

Тег <canvas> является новым в HTML5.

Советы и примечания

Совет: Любой текст внутри между <canvas> и </canvas> будет показан в браузерах, которые не поддерживают элемент canvas.

Атрибуты

Новое : Новое в HTML5.

Атрибут Значение Описание
heightНовое пиксели Указывает высоту холста
widthНовое пиксели Указывает ширину холста

Глобальные атрибуты

Тег <canvas> поддерживает Глобальные атрибуты в HTML5.

Атрибуты событий

Тег <canvas> поддерживает Атрибуты событий в HTML5.

Avaz Bokiev
Дата публикации: 23.06.2012

Leave a Reply

iWeb.uz located at ул. М. Улугбека 16 , Самарканд, Узбекистан . Reviewed by 155 customers rated: 9.9 / 10