Co dělá tento svg filtr feColorMatrix, FeFunc*

[mikesznovu]

zajímaj mě dvě věci, tento filtr se poněkud kostrbatě aplikuje přes css vlastnost IMG.zprznit {filter(#reference)}, jde to udělat i "inline"?
A potom, jaká je podpora v prohlížečů? Třeba v mobilnim firefoxu to nechodí
Zatřetí, co to konrétně dělá?
matice (values=) :Vidím, že matice je  4x5, což je trochu divné (vždy první 3 nenulové, 2 nulové, to celé 4krát)-
fefunc* : dvě čísla, ty jsou na co?
Umožňuje to něco víc než blending kanálů (což je matice 3x3)?, dělá to něco víc, třeba normalizace, celkový multiplier, mocnění křivky(exponent), clipping ?

Kód: [Vybrat]

<svg><filter id="reference">
<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values="
.299 .587 .114 0 0
.209 .587 .104 0 0
.291 .507 .124 0 0
.499 .587 .110 0 0 "></feColorMatrix>
<feComponentTransfer color-interpolation-filters="sRGB">
<feFuncR type="table" tableValues="0.14 0.49803921568627"></feFuncR>
<feFuncG type="table" tableValues="0.1 0.49803921568627"></feFuncG>
<feFuncB type="table" tableValues="0.3 0.49803921568627"></feFuncB>
<feFuncA type="table" tableValues="1 0.34"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter>

[Reklama]

[alex6bbc]

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix