10Canvas.md 2.6 KB
Canvas
Canvas (холст) позволяет рисовать растр на прямоугольной части веб-страницы, представленной тэгом canvas.
Модель рисования.
Модель отрисовки скопирована с PostScript, язык программирования для принтеров, который, в свою очередь так же стал в основе PDF. Целью подобной модели была векторная отрисовка на любом устройстве вывода, независимо от устройства и разрешения.
Пути
Path - множество точек, и линий которые составляют ту или иную двумерную фигуру. Точки и кривые в путь добавляются последовательно, после чего путь закрывается, и может быть отрисован как контур (stroke) или
залит тем или иным паттерном (fill). Настройка цвета и стиля во много схожа с CSS.
Координаты и аффинные преобразования
По умолчанию Canvas имеет координатную сетку, совпадающую с пикселем в браузере. Однако с помощью аффинных преобразований вы можете модифицировать координатную сетку в любой момент для удобства отрисовки.
Поддерживаются операции смещения (translate), масштабирования (scale) и вращения (rotate). Аффинные преобразования можно применять после каждого fill или stroke для тех или иных эффектов.
Тригонометрия
Математический сопроцессор, и, как следствие, подавляющее большинство языков программирования для измерения углов и тригонометрических функций использует радианы. Если вам нужны градусы - вы всегда можете написать функции перевода из градусов в радианы и наоборот. А в целом, привыкайте для этих целей использовать Math.PI как множитель.