convertsvg / transform Goto Github PK

matrix() 是矩阵函数，以一个含六值的 matrix(a, b, c, d, e, f) 变换矩阵的形式指定一个 2D 变换，相当于直接应用一个 [a, c, e, b, d, f] 变换矩阵。

注意： matrix(a, b, c, d, e, f) 是 matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, e, f, 0, 1) 的一个简写。

• e 和 f 代表着偏移量 translate，x 和 y 轴
• a 和 d 代表着缩放比例 scale, x 和 y 轴
• b 和 c 代表着斜切skew（具体参数和角度关系为, b-->tanθ y轴 c-->tanθ x轴 ,我们具体操作的时候还是要使用小数的）
• a b c d 中的ad代表缩放(scale),bc代表者斜切(skew); abcd四个参数代表着旋转，这你可能难以理解，请继续往下看。

matrix() combine() getCoordinateTransform()

skew skewX skewY scale scaleX scaleY rotate translate translateX translateY

CSS3 2D 转换 transform

matrix3d() combine3d() getCoordinateTransform()

scaleZ scale3D rotateX rotateY rotateZ rotate3D translateZ translate3d

CSS3 3D 转换

• 坐标变换
• 矩阵变换

• matrix()

• matrix3d()

• Transform Functions

• SVG中的坐标系统和坐标变换

• 笛卡尔坐标系

• 3D数学基础-向量运算基础和矩阵变换