变换后得到SVG-d
我有一个方形SVG,我想将其创建为菱形,旋转45度可以获得我想要的效果,但我仅限于对我的图像使用SVG的变换后得到SVG-d,svg,vector,graphics,Svg,Vector,Graphics,我有一个方形SVG,我想将其创建为菱形,旋转45度可以获得我想要的效果,但我仅限于对我的图像使用SVG的d值。如何从中获取新的转换d值 换句话说,这里是我的d:M13,14H2c-0.5523,0-1-0.4477-1-1V2c0-0.5523,0.4477-1,1-1h11c0.5523,0,1,0.4477,1,1v11C14,13.5523,13.5523,14,13,14z现在我需要将其旋转45度并获得新的d值。如果要处理SVG文件以删除所有转换并将其烘焙到路径数据中,就是这样 如果你想
d
值。如何从中获取新的转换d
值
换句话说,这里是我的d:
M13,14H2c-0.5523,0-1-0.4477-1-1V2c0-0.5523,0.4477-1,1-1h11c0.5523,0,1,0.4477,1,1v11C14,13.5523,13.5523,14,13,14z
现在我需要将其旋转45度并获得新的d值。如果要处理SVG文件以删除所有转换并将其烘焙到路径数据中,就是这样
如果你想自己编写代码,应该做你需要做的。我会添加变换矩阵,这样
d
值就不需要更改
其中,变换表示3x3同伦变换矩阵:
变换矩阵
(
x_标度*cos(x_ang),x_标度*sin(x_ang),
y_比例*cos(y_ang),y_比例*sin(y_ang),
x_偏移,y_偏移
)"
其中,x_ang
是x轴的旋转角度,y_ang=x_ang+90度
是y轴的旋转角度(如果不垂直于x,则会出现倾斜),x(y)u scale
是每个轴的比例(1.0
)和x(y)_偏移量
是父坐标系中新坐标系的原点,因此可以使用ti平移/平移对象