Курс HTML5 Canvas

Программа

• Основы использования Canvas

  Создание элемента Canvas. Получени контекста. Обработка ошибок при получении канвы. Создание элемента Canvas с помощью Javascript.

• Линии и дуги, кривые Бернштейна-Безье

  beginPath(), closePath(), stroke(), fill(), moveTo(), lineTo(), arc(), quadraticCurveTo(), bezierCurveTo()

• Прямоугольники

• Работа с изображениями в Canvas

• Работа с цветом.

  rgb(), . Цвет заливки и линий (fillStyle, strokeStyle). Тени(Shadow API) (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY). Градиенты (createLinearGradient, createRadialGradient). Прозрачность (globalAlpha, rgba())

• Текст. Комбинирование изображений.

  strokeText(), fillText(), Комбинирование изображений

• Canvas-трансформации.

  Сдвиг(Translate), Масштабирование(Scale), Поворот(Rotate), transfor(), setTransform()

• Дополнительные возможности.

• Фрактальные снежинки

• Пример 2

• Оптимизация прорисовки холста (Canvas).