Filtre feColorMatrix

Le filtre applique une matrice de transformation pour calculer les nouvelles valeurs RGBA pour chaque pixel

Types

matrix: vous donnez tous les termes de la matrice 5x4
( pour la plupart des termes, les valeurs sont entre -1 et 1, entre 0 et 1 pour le canal alpha )
hueRotate: vous donnez l'angle en degrés ( 0 n'a pas d'effet sur l'image )
saturate: vous donnez une valeur positive ( 1 ne change rien, 0 donne une image noir et blanc )
luminanceToAlpha: aucun paramètre (donne un négatif de l'image )

Exemple aucun effet avec type="matrix":

<defs>
<filter id="MyFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
<feColorMatrix id='color' type="matrix" 
values="1 0 0 0 0
                0 1 0 0 0
                0 0 1 0 0
                0 0 0 1 0"/>
</filter>
<image id="MyImage" width='400' height='400' xlink:href='puzzle.jpg'/>
</defs>
<use filter="url(#MyFilter)" xlink:href='#MyImage' x='0' y='0'/>

voir des exemples d' effets sur une image JPEG

Outil pour modifier type, paramètres, voir la matrice correspondante et le résultat