Главное меню

Теги HTML

 

Тег <canvas>

 

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


Пример написания:

<CANVAS ID="<имя>" [WIDTH="<ширина>"] [HEIGHT="<высота>"]></CANVAS>


Рисование в канве выполняется программно, в Web-сценарии. А перед тем как что-то нарисовать, нам придется получить доступ к канве. Сделать это проще всего через имя, заданное атрибутом тега ID. Именно поэтому данный атрибут тега помечен здесь как обязательный.
Необязательные атрибуты тега WIDTH и HEIGHT задают, соответственно, ширину и высоту канвы в пикселах (по умолчанию 300 на 150 пикселов).


Задавать размеры канвы с помощью стилей CSS не рекомендуется.

Вот HTML-код, создающий на странице канву cnv размером 400 на 300 пикселов:

<CANVAS ID="cnv" WIDTH="400" HEIGHT="300"></CANVAS>


Закрывающий тег обязателен.

Впервые представлен в версии HTML 5.

 

Web-дизайнерам язык HTML.