Figma导出SVG在XCode中高斯模糊失效问题求助

• 预渲染滤镜效果到SVG
  用矢量图形工具将SVG中的高斯模糊滤镜直接合并到图形数据中，移除<filter>标签：

  1. 用Inkscape打开目标SVG文件
  2. 选中应用了高斯模糊的元素
  3. 执行对象 > 滤镜 > 应用滤镜（不同版本选项可能略有差异），将滤镜效果烘焙到图形本身
  4. 导出新的SVG文件，导入Xcode即可正常显示模糊效果

• 优化PDF替代方案
  若选择PDF替代SVG，可通过压缩减小体积：

  1. 在Figma中导出带模糊效果的PDF文件
  2. 用macOS预览打开该PDF，点击文件 > 导出
  3. 在导出选项中选择Quartz滤镜 > 减少文件大小，调整合适的质量参数后导出
     压缩后的PDF体积大幅降低，同时保持矢量特性，Xcode导入后能正常显示模糊效果

• 手动模拟高斯模糊效果
  对于简单图形（如圆形），可通过多层半透明同心图形模拟模糊：
  编写不带滤镜的SVG代码，用多个半径递增、透明度递减的同心圆环叠加，近似实现高斯模糊视觉效果，示例代码如下：

  <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
    <circle cx="100" cy="100" r="50" fill="#your-color" opacity="0.1"/>
    <circle cx="100" cy="100" r="45" fill="#your-color" opacity="0.2"/>
    <circle cx="100" cy="100" r="40" fill="#your-color" opacity="0.3"/>
    <circle cx="100" cy="100" r="35" fill="#your-color" opacity="0.4"/>
    <circle cx="100" cy="100" r="30" fill="#your-color" opacity="0.6"/>
    <circle cx="100" cy="100" r="25" fill="#your-color" opacity="0.8"/>
    <circle cx="100" cy="100" r="20" fill="#your-color" opacity="1"/>
  </svg>
  

  可根据需求调整圆环的半径、透明度和颜色，匹配原模糊效果

内容的提问来源于stack exchange，提问作者Andrew