WebGL开启MSAA必须在创建context时配置antialias: true，运行时无法启用；它仅作用于几何边缘，对纹理、后处理、2D绘制等无效，且受设备、驱动、浏览器支持限制。
WebGL开启MSAA必须在创建context时配置
WebGL本身不支持运行时开启或关闭抗锯齿，antialias 是 context 初始化阶段的“一次性开关”——一旦gl对象创建完成，就再也没法补救。很多人试过调用gl.enable(gl.SAMPLE_ALPHA_TO_COVERAGE)或改gl.getParameter(gl.SAMPLES)，但这些只是读取状态或启用采样覆盖逻辑，**不会自动让渲染变平滑**。
常见错误现象：canvas边缘还是锯齿明显，gl.getParameter(gl.SAMPLES)返回0，甚至控制台报WEBGL_multi_sample_compatibility不可用。
- 创建
canvas时必须显式传入{ antialias: true }作为contextAttributes - 部分集成环境（如Three.js）默认禁用
antialias以保性能，得手动开：new THREE.WebGLRenderer({ antialias: true }) - 移动端iOS Safari对
antialias: true支持不稳定，某些iOS版本会静默忽略，需实机验证 - Chrome桌面版通常支持4x MSAA，但若GPU驱动老旧或启用了“硬件加速禁用”，
antialias: true可能被降级为false
Three.js里开了antialias却没效果？检查render target和后处理链
Three.js开antialias: true只影响默认帧缓冲（即最终输出到canvas的主渲染目标），但如果你用了EffectComposer、自定义WebGLRenderTarget或RenderPass，抗锯齿就**不会自动继承**到中间纹理上——那些FBO默认是无MSAA的，锯齿会在后处理前就固化。
使用场景：做Bloom、SSAO、或者任何需要renderTarget的特效时，边缘发虚或闪烁，其实是中间步骤没抗锯齿导致的混叠残留。
立即学习“前端免费学习笔记（深入）”；
-
WebGLRenderTarget构造时不传{ samples: 4 }，它就是1个sample，等同于关MSAA - Three.js r152+ 支持
WebGLMultipleRenderTargets，但samples仍需手动设，且仅限桌面GPU -
EffectComposer默认不用MSAA render target；若要全程抗锯齿，得重写composer.renderToScreen = false并手动把最终结果blit到带samples: 4的target上 - 注意
samples值必须是浏览器实际支持的（常为1/2/4），用gl.getParameter(gl.MAX_SAMPLES)查上限，硬塞8会fallback到4或1
MSAA不是万能的：哪些地方它根本不起作用
MSAA只对几何边缘（polygon edges）做子像素采样，对纹理内部、shader计算出的颜色、alpha混合区域、以及所有后处理产生的新边缘，都**完全无效**。很多人以为开了MSAA就能解决所有锯齿，结果发现文字模糊、粒子边缘闪动、或者UI缩放后毛刺依旧，其实是找错方向了。
典型失效场景：
- Canvas上用
2D Context叠加的文字/图标：MSAA对2D绘制零影响 - 使用
gl.LINE_SMOOTH画线：WebGL 1.0中该功能被多数驱动忽略，且与MSAA无关 - 纹理放大（
NEAREST滤波）导致的块状锯齿：得换LINEAR或加mipmap，不是MSAA的事 - FS中用
smoothstep模拟边缘：这是程序化抗锯齿（FXAA思路），和硬件MSAA正交，可共存但不能替代
性能代价真实存在，别盲目全开
MSAA内存和带宽开销直接随samples数增长：4x MSAA意味着每个像素存4份深度+颜色数据，帧缓冲带宽翻4倍。低端GPU或集成显卡上，antialias: true可能让FPS掉30%以上，尤其在高分辨率+多重render target场景下。
兼容性影响比想象中大：Android Chrome旧版本、部分WebGL 2.0强制要求samples为0的上下文、以及所有WebGL 1.0的WEBGL_depth_texture扩展在启用MSAA时可能失效。
- 上线前务必用
gl.getContextAttributes().antialias确认实际生效值，别只信初始化参数 - 对性能敏感项目（如移动端实时策略游戏），可先关MSAA，用FXAA shader作低成本替代
- 如果只渲染简单3D模型+静态背景，MSAA收益有限；但含大量细网格（植被、铁丝网、镂空logo）时，4x MSAA提升肉眼可见
真正麻烦的是：MSAA是否生效，既取决于代码，也取决于用户设备驱动、浏览器版本、甚至当前GPU负载——同一行{ antialias: true }，在MacBook Pro上返回4，在某款Intel HD 4400笔记本上可能返回0，还不会报错。
