SVG Filters






<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->



SVG Filters



❮ Previous
Next ❯



SVG Filters


SVG Filters are used to add special effects to SVG graphics.




Browser Support


The numbers in the table specify the first browser version that supports SVG filters.



















 
SVG Filters 8.0 10.0 3.0 6.0 9.6



SVG Filter Elements


In the next chapters, we will only demonstrate a touch of the filter effects
that are possible - and give you an idea of what can be done with SVG.


The available filter elements in SVG are:



  • <feBlend> - filter for combining images

  • <feColorMatrix> - filter for color transforms

  • <feComponentTransfer>

  • <feComposite>

  • <feConvolveMatrix>

  • <feDiffuseLighting>

  • <feDisplacementMap>

  • <feFlood>

  • <feGaussianBlur>

  • <feImage>

  • <feMerge>

  • <feMorphology>

  • <feOffset> - filter for drop shadows

  • <feSpecularLighting>

  • <feTile>

  • <feTurbulence>

  • <feDistantLight> - filter for lighting

  • <fePointLight> - filter for lighting

  • <feSpotLight> - filter for lighting





Tip: You can use multiple filters on each SVG element!






❮ Previous
Next ❯

Popular posts from this blog

How to check contact read email or not when send email to Individual?

Displaying single band from multi-band raster using QGIS

How many registers does an x86_64 CPU actually have?