Афинные преобразования в svg-графике

Покажем на примере, как могут пригодиться знания, полученные в курсе высшей математики (раздел аналитическая геометрия и матричная алгебра) в векторной svg-графике. Приведем полный код примера:

за поворот текста вокруг горизонтальной линии отвечает матрица:

matrix(1,0,0,-1,0,0)

Приведем примеры команд и матриц элементарных преобразований:

translate (перемещение на x и y px) — matrix(1,0,0,1,x,y)
rotate (поворот на угол a) — matrix(cos(a),sin(a),-sin(a),cos(a),0,0)
scale (масштабирование с коэффициентами kx и ky) — matrix(kx,0,0,ky,0,0)
skewX (наклон вдоль X на угол a) — matrix(1,0,tg(a),1,0,0)
skewY (наклон вдоль Y на угол a) — matrix(1,tg(a),0,1,0,0)
тождественное преобразование — matrix(1,0,0,1,0,0)

---

---