jquery - Safari renders wrong colors when using blur filter -


i try apply blur filter svg elment, seems safari can't render colors right. here example of problem:

<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 safari

chrome:

this chrome

the color right in every brwoser expet safari, brighter...does know fix this?

safari's default color interpolation (linearrgb) seems broken in recent updates. if switch srgb across board in filters, more correct results (although they'll gamma corrected).

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

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -