Safari使用模糊滤镜时会渲染错误的颜色

时间:2014-03-24 16:53:12

标签: jquery html svg safari svg-filters

我尝试将模糊滤镜应用于svg elment,但似乎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/

Safari浏览器:

This is Safari

铬:

This is Chrome

每一个野生动物园的野生动物园颜色都是正确的,它更加明亮......有谁知道解决这个问题?

1 个答案:

答案 0 :(得分:11)

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

<filter id="f1" x="0" y="0" color-interpolation-filters="sRGB">