HTML <canvas> тег

Пример:

<!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>

Глобальные атрибуты: 

Глобальные атрибуты

Атрибуты событий: 

Атрибуты событий

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.