<canvas>

<canvas> - полотно для малювання.

Синтаксис:

<canvas></canvas>

Опис:

<canvas> HTML тег який створює полотно дня малювання за допомогою JavaScript.

Для малювання на полотні використовується об'єкт CanvasRenderingContext2D.

В середині тегу canvas можна розмістити текст який буде відображатися якщо браузер не підтримує тег canvas: <canvas>Ваш браузер не підтримує елемент canvas.</canvas> <canvas><b style="color:red">Ваш браузер не підтримує canvas.</b></canvas>

Атрибути тегу <canvas>:
widthширина полотна
heightвисота полотна

Тег <canvas> також має загальні атрибути і події.

HTML5 vs HTML4

Тег <canvas> входить у специфікацію HTML5.

Приклад:

Ваш браузер не підтримує canvas <canvas>Ваш браузер не підтримує canvas</canvas> <canvas id="test" width="250" height="250"></canvas> var canvas=document.getElementById('test'); var context = canvas.getContext('2d'); context.fillStyle="#af8000"; context.fillRect(5,5, 245, 245); context.fillStyle="#ff0000"; context.fillText('Приклад малювання на полотні', 50, 50);