matrix()
是CSS的transform
的一个基础属性,用它可以实现很多高级、复杂的效果,实际上transfrom
的translate
、rotate
等都是在matrix
的基础上实现的简化版的语法。
线性代数基础
了解和使用必须熟悉线性代数的向量和矩阵知识,当初学习的线性代数的课程早就还给老师了,因为不知道有什么用,如果知道今天会用到,当初一定会好好学习线性代数、高数等课程。
(1)向量
向量用来描述方向和大小,一般使用笛卡尔坐标系来进行向量的描述,比如向量(2, 1)
和(3, 3)
在坐标系中表示如下:
向量的加法、减法和乘法都是将对应位置的坐标进行运算:
(8, 2) + (2, 6) = (8 + 2, 2 + 6) = (10, 8)
(8, 2) - (2, 6) = (8 - 2, 2 - 6) = (6, -4)
(8, 2) * (2, 6) = (8 * 2, 2 * 6) = (16, 12)
(2)矩阵
矩阵是高等代数学中的常见工具,将数字按照长方阵列进行排列,便于进行统计分析等高等数学运算,一个2 X 3
的矩阵就是说这个矩阵有2行3列
当相同规模的矩阵之间进行相加时,