💡
原文中文，约2500字，阅读约需6分钟。
📝
内容提要
MacOS升级Sonoma后，低版本Chrome渲染CSS mask-image属性使用svg会出现边缘锯齿。解决方案是升级Chrome或使用png替换svg。
🎯
关键要点
- MacOS 升级 Sonoma 后，低版本 Chrome 渲染 CSS mask-image 属性使用 svg 出现边缘锯齿。
- 低版本 Chrome（106.0.5226.0）会出现边缘锯齿现象，而较新版本 Chrome（118.0.5993.96）表现正常。
- 可以通过将蒙层使用的 svg 图片替换为 png 来解决边缘锯齿问题。
- 解决方案包括升级 Chrome 或使用 png 替换 svg。
➡️
