transform 属性之 matrix 方法其一

本文为解析 transform 属性系列的第二篇，第一篇详细介绍 2D 转换方法 translte、rotate、scale 和 skew，不了解的童鞋请先移步至上一篇，不然对本篇理解起来会有些困难。

本篇重点介绍 2D 转换方法 matrix。

相对于一般 CSS 的应用来讲，matrix 算是一个 ** 了，这里边涉及到的数学概念较多，对于一些概念不清楚的读者，还望仔细上网查阅。

前方高能，请注意 please！！！

matrix(a, b, c, d, tx, ty)

matrix(a, b, c, d, tx, ty)
使用 6 个值的矩阵来定义 2D 转换。

matrix 与 translate、scale、rotate、skew

从 matrix 的定义可以看出，它的使用明显比 translate、scale、rotate、skew 等转换方法复杂多了。这是为什么呢？

因为之前介绍的转换方法实际上都是由 matrix 实现的，它们只是对 matrix 的一个封装。matrix 与 其他方法的关系如下：