Пример:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas">Ваш браузер не поддерживает HTML5.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#00fafa";
ctx.fillRect(0, 0, 100, 100);
</script>
</body>
</html>
Определение и использование
Тег <canvas> позволяет отрисовывать графику на лету, через скрипты (обычно это Javascript).
Тег <canvas> это только контейнер для графики, вам нужен скрипт, чтобы нарисовать что-нибудь в теге.
Совместимость с браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <canvas> | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Заметки
Тег <canvas> будет отображаться с текстом внутри во всех браузерах, даже если они не поддерживают HTML5.
Атрибуты
= Новое в HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| height | pixels | Описывает высоту тега <canvas> |
| width | pixels | Описывает ширину тега <canvas> |
Глобальные атрибуты:
Глобальные атрибуты
Атрибуты событий:
Атрибуты событий
Добавить комментарий