Покажем на примере, как могут пригодиться знания, полученные в курсе высшей математики (раздел аналитическая геометрия и матричная алгебра) в векторной 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)
Похожие публикации
2016-03-25 • Просмотров [ 1669 ]