Subject: Using SVG Filters
Pilat Informatique Educative
Phone/Fax (33) 04 74 87 33 47
I will show small tools and examples about some SVG filters.
1°) Filters to modify colors of a picture:
Tool: value of matrix is show for any type, you can also change each term of matrix.
Example: effect is show on JPEG or SVG picture
Tool: you can modify each filter primitive for each type.
Example: effect is show on JPEG or SVG picture.
using animate to create to fade-in out between two JPEG pictures
2°) Lightning a picture:
feSpecularLightning using feSpotLight:
Tool: you can change parameters for feSpecularLightning, feSpotLight and feComposite ( to merge picture and lightning )
Example: move with mouse lightning on a JPEG picture.
lightning on a cube in 3D with 3 filters one for each face creating pattern to fill faces.
3°) Create texture:
Tool: you can change parameters and type to see texture
Example: animation modify texture
All that is ready and online
4°) Projects that I will add if I have time before may:
a) feDiffuseLightning to compare with feSpecularLightning
b) feConvolveMatrix and animate to effect