理解变换矩阵

理解变换矩阵

摘要

在 CSS transform-function 中我们经常使用 translate(), rotate(), scale() 等对图形进行变换操作，这些简便的变换函数背后是通过控制矩阵 matrix(a, b, c, d, tx, ty) 中特定参数值实现的。本文尝试理解矩阵变换的工作原理，更深入地了解为什么矩阵可以以及如何表示线性变换，如何应用仿射变换实现平移。