Тег <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.
|