Schepp/CSS-Filters-Polyfill

SVG-filters render in different colorspace

ayapi opened this issue · 2 comments

Hello.
I noticed color difference between Firefox and other browsers.
Please see below
https://gist.github.com/ayapi/7655696
This HTML from \examples\stylesheet-embedded-vs-external\embedded.html
and replaced grayscale(1) with invert(1).
PNG is screenshot of Firefox and Chrome.

I guess it is related to SVG's color-interpolation-filters attribute.
The following is my article written about this attribute.
(I'm sorry for I have Japanese article only. But you can see screenshots and SVG code)
http://ayapi.github.io/posts/colorinvertcssonmozilla/#%E8%89%B2%E7%A9%BA%E9%96%93%E3%81%AE%E3%81%A1%E3%81%8C%E3%81%83

So I suggest adding color-interpolation-filters="sRGB" to Polyfilter's SVG code.
Please try to consider it.

Awesome finding! You are totally right and I just fixed it with 0.3.2

Thank you!