费照君个人网站
·
MacOS 升级 Sonoma 之后 Chrome 低版本渲染 CSS mask-image属性使用 svg 出现边缘锯齿
原文中文，约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。
🏷️
