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

Daf*_*fen 4 html safari jquery svg 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>
Run Code Online (Sandbox Code Playgroud)

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

苹果浏览器:

这是Safari

铬:

这是Chrome

颜色是正确的每个brwoser驱动Safari,它更明亮...有谁知道解决这个问题?

Mic*_*any 11

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

<filter id="f1" x="0" y="0" color-interpolation-filters="sRGB">
Run Code Online (Sandbox Code Playgroud)