【发布时间】:2015-10-08 20:15:42
【问题描述】:
我有以下带有链式过滤器的 svg(无操作参数)。这显示了 chrome 中的图像,而不是 Firefox 中的图像。
https://jsfiddle.net/8hpu033j/
<filter id="filter0" class="image-filter">
<feGaussianBlur color-interpolation-filters="sRGB" stdDeviation="0" result="out1" ></feGaussianBlur>
<feColorMatrix color-interpolation-filters="sRGB" type="saturate" result="out2" in="out1" values="1"></feColorMatrix>
<feColorMatrix color-interpolation-filters="sRGB" type="hueRotate" result="out3" in="out2" values="0"></feColorMatrix>
<feMorphology color-interpolation-filters="sRGB" operator="dilate" result="out4" in="out3" radius="0"></feMorphology>
</filter>
如果我将 0.001(windows)或 0.0001(mac)添加到 feMorphology radius-attribute,图像也会在 Firefox 中显示。
https://jsfiddle.net/zbeyhvq7/
<filter id="filter0" class="image-filter">
<feGaussianBlur color-interpolation-filters="sRGB" stdDeviation="0" result="out1" ></feGaussianBlur>
<feColorMatrix color-interpolation-filters="sRGB" type="saturate" result="out2" in="out1" values="1"></feColorMatrix>
<feColorMatrix color-interpolation-filters="sRGB" type="hueRotate" result="out3" in="out2" values="0"></feColorMatrix>
<feMorphology color-interpolation-filters="sRGB" operator="dilate" result="out4" in="out3" radius="0.001"></feMorphology>
</filter>
似乎在Firefox中feMorphologyFilter的值半径不能为0。如果我删除最后一个过滤器,一切都很好。
我在做某事吗?这里错了还是这是一个 Firefox 错误?
【问题讨论】:
标签: firefox svg svg-filters