Обучение canvas

Материал из MDC.

<canvas> это новый элемент HTML, который предназначен для создания графики при помощи скриптования (обычно JavaScript). Он может быть использован, к примеру, для рисования графиков, создания фото-композиций, или для создания простых (и не очень) анимаций.

<canvas> впервые был представлен фирмой Apple для Mac OS X Dashboard и позже был реализован в Safari. Браузеры, основанные на Gecko 1.8, такие, как Firefox 1.5, также поддерживают этот новый элемент. Элемент <canvas> является частью спецификации WhatWG Web applications 1.0, также известной как HTML 5.

В этой обучающей статье я попытаюсь объяснить, как использовать элемент <canvas> в ваших собственных страницах. Приведённые примеры призваны подать вам идеи использования <canvas>, и могут послужить основой создания ваших собственных реализаций.

[править] Прежде, чем начать

Использовать <canvas> не очень сложно, но вам необходимо базовое понимание HTML и JavaScript.

Как сказано выше, элемент <canvas> не поддерживается всеми современными браузерами, поэтому, чтобы увидеть все примеры в действии, вам понадобится Firefox 1.5 (или другой современный браузер, основанный на Gecko), Opera 9, либо текущая версия Safari.

[править] В этой статье

• Основы
• Рисование фигур
• Использование картинок
• Применение стилей и цветов
• Трансформации
• Композиция
• Основы анимации

[править] Смотри также

• Страница элемента canvas
• Рисование при помощи canvas
• Примеры использования