canvas

Оновлено: 27.05.2022

<canvas>

Елемент <canvas> (від англ. canvas — полотно) створює область, де за допомогою JavaScript можна малювати різні об'єкти, виводити зображення, трансформувати їх і змінювати властивості. За допомогою <canvas> можна створювати малюнки, анімацію, ігри та ін

Синтаксис

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

Закриваючий тег

Обов'язковий

Атрибути

height Визначає висоту полотна. Типово 300 пікселів.
width Задає ширину полотна. За замовчуванням 150 пікселів.

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

Приклад

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

Рис. 1. Виведення малюнка за допомогою

Браузери

canvas

Переглянути сумісність з Can I use?

canvas