Filtre feDisplacementMap
parameters:
scale: nombre ( 0 ne donne aucun effet )
xChannelSelector: R G B ou A
yChannelSelector: R G B ou A
in : image à modifier
in2 : image pour le calcul des pixels ( peut être la même que dans in )
Outil: Changer
les paramètres, les images, voir l'effet et sauver le SVG
Exemples: animations sur une image avec comme grille petits
cercles - cercles concentriques - bandes
horizontales - damier - gradient
radial
Exemple de code:
<defs>
<filter id="MyFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
<feImage xlink:href='#MyImage1' result='pict1'/>
<feImage xlink:href='#MyImage2' result='pict2'/>
<feDisplacementMap scale="4" xChannelSelector="R" yChannelSelector="G" in2="pict2" in="pict1"/>
</filter>
<image id="MyImage1" width='400' height='400' xlink:href='memo1.svg'/>
<image id="MyImage2" width='400' height='400' xlink:href='ronds.svg'/>
</defs>
<use filter="url(#MyFilter)" x='0' y='0'/>