HTML <canvas>Тег

Примеры

Используйте элемент <canvas> для отображения красного прямоугольника:

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

Попробуйте сами »

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

IE 9, Firefox, Opera, Chrome и Safari поддерживают тег <canvas>.

Примечание:IE 8 или более ранние версии браузеров IE не поддерживают тег <canvas>.

Определение тега и инструкции по использованию

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

Тег <canvas> — это только контейнер для графики; для рисования графики необходимо использовать скрипты.

Различия между HTML 4.01 и HTML5

Тег <canvas> — новый тег в HTML5.

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

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

Совет:Чтобы узнать обо всех свойствах и методах объекта canvas, обратитесь кСправочник по HTML Canvas。

Атрибуты

Новое: Новый атрибут в HTML5.

Attribute	Значение	Описание
heightНовое	пикселей	Задаёт высоту canvas.
widthНовое	пикселей	Задаёт ширину canvas.

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

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

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

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

Другие расширения

HTMLТег