使用模糊滤镜时 Safari 呈现错误的颜色

2024-02-17

我尝试对 svg 元素应用模糊滤镜,但 Safari 似乎无法正确渲染颜色。这是我的问题的一个例子:

<svg height="110" width="110">
    <defs>
          <filter id="f1" x="0" y="0">
               <feGaussianBlur stdDeviation="15" />
          </filter>
    </defs>
        <rect width="90" height="90"  stroke-width="3" fill="#ff4300" filter="url(#f1)" />
</svg>

http://jsfiddle.net/6gZ8t/1/ http://jsfiddle.net/6gZ8t/1/

Safari:

Chrome:

除了 Safari 之外,每个浏览器的颜色都是正确的,Safari 的颜色要亮得多...有人知道解决这个问题的方法吗?


Safari 的默认颜色插值(线性RGB)似乎在最近的更新中被破坏。如果您在滤镜中全面切换到 sRGB,您将获得更正确的结果(尽管它们都会经过伽玛校正)。

<filter id="f1" x="0" y="0" color-interpolation-filters="sRGB">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用模糊滤镜时 Safari 呈现错误的颜色 的相关文章

随机推荐