Канва для всех: введение в canvas

Продолжаем знакомиться с нововведениями HTML5. В частности, будем знакомиться ближе с новым элементом Canvas. Не так давно я уже публиковал пару статей о канве — про рисование кривых. Пришло время покопаться поглубже в канве.

Использование канвы в html5 предельно просто — нужно лишь добавить в код тег с определенной шириной и высотой:

<canvas width="500" height="500">  
 
</canvas>

На самом деле этот код лишь вставит прозрачную канву на страницу размерами 500 на 500 пикселей.
Первое, на чем стоит заострить внимание перед тем как использовать canvas — это список браузеров, которые поддерживают это новшество.

Большинство современных браузеров поддерживают канву:

  • Internet Explorer (9.0+)
  • Safari (3.0+)
  • Firefox (3.0+)
  • Chrome (3.0+)
  • Opera (10.0+)
  • iOS (1.0+)
  • Android (1.0+)

При задании канвы есть один ключевой момент, который стоит учитывать. Необходимо обязательно указывать размеры полотна. Можно устанавливать размеры с помощью css, однако, такой способ может иметь некоторые побочные эффекты.
Итак, базовые знания для работы с canvas мы получили. В следующей статье поговорим о рисовании базовых элементов на канве.

Запись опубликована в рубрике HTML & CSS с метками , , . Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">