<canvas> - полотно для малювання.
<canvas></canvas>
<canvas> HTML тег який створює полотно дня малювання за допомогою JavaScript.
Для малювання на полотні використовується об'єкт CanvasRenderingContext2D.
В середині тегу canvas можна розмістити текст який буде відображатися якщо браузер не підтримує тег canvas:
<canvas>Ваш браузер не підтримує елемент canvas.</canvas>
<canvas><b style="color:red">Ваш браузер не підтримує canvas.</b></canvas>
width | ширина полотна |
height | висота полотна |
Тег <canvas> також має загальні атрибути і події.
Тег <canvas> входить у специфікацію HTML5.
<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);