抗锯齿

抗锯齿 (Anti-aliasing) 是消除数字图像中锯齿状边缘(阶梯伪影)的技术总称。当连续的几何形状被离散的像素网格表示时,斜线和曲线不可避免地出现阶梯状锯齿。抗锯齿通过在边缘像素中混合前景色和背景色来模拟平滑过渡。

主要的抗锯齿方法:

• MSAA(多重采样): 对每个像素的多个子采样点进行几何测试,根据覆盖率混合颜色。性能开销适中,是实时渲染的经典方案
• SSAA(超采样): 以更高分辨率渲染后缩小,质量最高但性能开销最大
• FXAA(快速近似): 后处理阶段基于亮度对比检测边缘并模糊,性能开销极低但会轻微模糊纹理
• TAA(时间抗锯齿): 利用多帧信息累积采样,在运动场景中效果优异,是现代游戏的主流选择

在 Web 环境中,浏览器对文字和 SVG 自动应用子像素抗锯齿。CSS 的 image-rendering 属性可控制图像缩放时的插值方式,font-smooth 属性影响字体渲染的平滑程度。Canvas 2D 绑定默认启用抗锯齿,可通过 imageSmoothingEnabled 关闭。