如何让 SVG 中的 stdDeviation 响应？

Question

我使用以下 SVG 滤镜来圆化我的剪辑路径路径的角：

<svg style="visibility: hidden;" width="0" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
        <filter id="round">
            <feGaussianBlur in="SourceGraphic" stdDeviation="15" result="blur" />    
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
            <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
        </filter>
    </defs>
</svg>

结果：

问题，这里是更高分辨率的相同结果：

如何使代码的 stdDeviation="15" 部分具有响应性，以便在不考虑分辨率的情况下将边缘圆角化相同的量？

如果重要的话，我的网站/div 尺寸设置为大众单位。

提前致谢！

Answer 1

使用 objectBoundingBox 单位设置模糊值。像这样：

    <svg style="visibility: hidden;" width="0" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
        <filter id="round" primitiveUnits="objectBoundingBox">
            <feGaussianBlur in="SourceGraphic" stdDeviation=".02" result="blur" />    
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
            <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
        </filter>
    </defs>
</svg>

如何让 SVG 中的 stdDeviation 响应？

How do get stdDeviation in SVG to be responsive?

svg