[Школа современных технологий] Среда знаний. Javascript и HTML5: работа с canvas. Дмитрий Лаврик
HTML5 и Javascript. Освой попиксельное рисование на холсте. Будь в тренде.
Этот семинар будет полезен вам, если:
- вы уже знаете основы javascript хотя бы на базовом уровне
- хотите познакомиться с полезными новшествами языка
- вы хотите учиться быстро и эффективно (а не гугл + книги)
Canvas (холст) - тег или инструмент для попиксельного рисование на веб-страничке средствами javascript.
А зачем в браузере рисовать попиксельно?
Для решения множества задач, которые ранее требовали использования других технологий, вроде Flash:
Раньше сделать такое средствами HTML + Javscript было невозможно. Дивами кривую линию не нарисуешь!
- Анимированные баннеры
- Слайдеры фотографий с необычными эффектами
- Браузерные игрушки
- Рисование в браузере (как в ВК графити на стену)
- Отрисовка различных графиков
- И многое другое
Программа проведения семинара:
- Вау эффект - примеры на canvas
- Пример: график на canvas
- Тег canvas - начало работы
- События для динамического рисования
- Установка цвета и толщины линий
- Пример: рисование мышкой
- Обзор графических примитивов
- Сохранение текущего изображения
- Проявление элементов: stroke и fill
- Вывод видеопотока с вебки на canvas
05.11.2014 в 20:00(мск)
Дмитрий Лаврик
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.
"Canvas - просто весёлое развлечение! Не относитесь к данному мероприятию излишне серьёзно. В этот раз вы не получите прямых выгод при создании сайтов. Пока что Canvas скорее для души: например, создание небольшой браузерной игрушки или 3d-сайта."
ВНИМАНИЕ!
Для прохождения семинара необходимы адекватно понимать язык javascript! Хотя бы на уровне синтаксиса, основ программирования и базовых приёмов работы с DOM.
![[IMG]](/upload/parser/2021/01/55848.1.png)
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.