Введение в статью Wulin.com (www.vevb.com): применение тега Canvas ежедневной практики HTML5 - графика преобразования координат рисования.
При рисовании графики мы можем часто думать о вращении графики или использовании обработки деформации на графике, а также с использованием функции обработки преобразования осей в API Canvas для достижения этого эффекта.При рисовании графики на компьютере она нарисована с точками координат в качестве эталона. По умолчанию верхний левый угол холста соответствует происхождению оси координат (0, 0). Вся графика, которую мы упоминали ранее, нарисованные с использованием API Canvas, нарисованы с верхним левым пересечением холста в качестве точек оси координат и рисуются в пикселях.
Если эта ось координат изменена, может быть реализовано преобразование фигуры. Есть три способа обработки преобразования координат:
Кастрюля
Используйте метод Translate контекстного объекта графика для перемещения происхождения оси, который определяется следующим образом: