canvas

Обновлено: 27.05.2022

<canvas>

Элемент <canvas> (от англ. canvas — холст, полотно) создаёт область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи <canvas> можно создавать рисунки, анимацию, игры и др.

Синтаксис

<canvas id="<идентификатор>">
</canvas>

Закрывающий тег

Обязателен.

Атрибуты

height Задаёт высоту холста. По умолчанию 300 пикселей.
width Задаёт ширину холста. По умолчанию 150 пикселей.

Для этого элемента доступны универсальные атрибуты и события.

Пример

Результат примера показан на рис. 1.

Рис. 1. Вывод рисунка с помощью

Браузеры

canvas

Посмотреть совместимость на Can I use?

canvas