Холст в HTML 5
Графическая поверхность HTML 5 является универсальным инструментом для создания приложений, мобильных или настольных.
Canvas уже используется для создания игр и, следовательно, является альтернативой Flash, поскольку он служит для более серьезных приложений, таких как картография, геометрические фигуры, планы архитекторов и т. Д.
Одной из основных тенденций среди вебмастеров в настоящее время является перенос старого ПО на этот новый носитель. Так мы видим Sim City, Wolfenstein 3D, появляющийся на веб-страницах.
Учебник
От первых шагов к сложным контурам.
Сколько тегов на веб-странице?
Ответ примером: можно получить 10 тысяч !
Первые шаги с Canvas
Как пользоваться маяком canvas.
Draw a line
И менять цвет.
Нарисуйте кривую.
Квадратическая кривая против Безье .
Методы rect и fillRect.
Рисование и заливка прямоугольника.
Создание прямоугольника с закругленными углами.
Использование функции quadraticCurveTo.
Дровингер лук.
Использование метода дуги. Интерактивная демонстрация включена.
От круга к графу в круговых секторах.
Мы делаем пироговый граф, наполняя секторы разными цветами. Добавляются лирики с небольшим лишним тригонометрией.
Рисование эллипса методом дуги.
Метод arcTo.
Показанный пример для понимания его работы.
Базовые преобразования на изображении.
Как перевернуть изображение, распечатать вращение и т.д. Эти демонстрации также дают возможность лучше понять возможности канвы, в том числе увидеть преимущества функции транслата и скала.
Прозрачность
Как сделать изображение прозрачным.
Режиссерские сценарии
SVG in Canvas
Используйте предварительно заданные векторные изображения, записанные в формате SVG в теге canvas.
Логотип Maker
Онлайн редактор логотипов. Руководство по эксплуатации .
Генератор круговой диаграммы
Онлайн инструмент для создания графика в долях пирога, в несколько кликов.
Филактериальный дравингер в Canvas
Поместить цитату в пузырь комиксов.