Тег <canvas> HTML5

Пример

<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.

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

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

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

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