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!