如何画一条10px的线(使用缩放0.83),以及0.5px的线(使用translate和scale(0.8))?
考察说明
考察CSS变换(scale和translate)对渲染线宽的影响,以及如何实现亚像素线条
回答思路
- 能解释scale变换如何影响元素的渲染尺寸
- 能说明translate与scale组合使用时坐标变换顺序的影响
- 能正确计算0.5px线在缩放后的实际渲染宽度
- 能提供实际的CSS实现方法,如使用transform: translate(...) scale(0.8)
考察CSS变换(scale和translate)对渲染线宽的影响,以及如何实现亚像素线条