Mar 26, 202010 minCSS 变换背后的线性变换原理深入浅出地讲解了 CSS transform 属性背后隐藏的线性代数与矩阵原理。translate、scale 等常用属性本质上是 matrix 的语法糖,浏览器底层均将其解析为矩阵运算。为解决平移等非线性变换问题,CSS 引入了齐次坐标将二维升维至三维处理,统一了计算形式。详细推导了旋转、缩放、倾斜及平移的矩阵表示,并阐述了理解矩阵对于组合变换书写、JS 解析计算及图形处理的重要意义,帮助开发者透过现象看懂变换本质。Web Development