Тег <canvas> является одним из элементов HTML5 и используется для создания графики и анимации на веб-странице с помощью JavaScript. Он предоставляет пустое поле, на котором JavaScript может рисовать различные графические объекты, такие как линии, кривые, прямоугольники, текст и многое другое.

Вот пример использования тега

<canvas>:<canvas id="myCanvas" width="500" height="300"></canvas>

В этом примере создается холст с идентификатором myCanvas, шириной 500 пикселей и высотой 300 пикселей.

Чтобы начать рисование на <canvas>, необходимо получить контекст рисования с помощью JavaScript:var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d");

После получения контекста рисования, можно использовать различные методы для рисования графики, например:context.fillStyle = "red"; context.fillRect(50, 50, 100, 100);

В этом примере устанавливается цвет заливки (fillStyle) в красный и рисуется прямоугольник (fillRect) с координатами (50, 50) и размерами 100x100 пикселей.

<canvas> также поддерживает другие методы и свойства для рисования и управления графикой. Более подробную информацию об использовании <canvas> и доступных функциях можно найти в спецификации HTML5 и документации по JavaScript.

Синтаксис

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

Атрибуты

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

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

Обязателен.