All Posts

React FiberNode 在业务中的具体应用

CSS 变换背后的线性变换原理

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