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