feOffset filter primitive


  • dx: offset for x
  • dy: offset for y
  • in: first picture
  • result: name for raster created
  • Example of code:

       <filter id="MyFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
          <feImage xlink:href='memo.svg' result='pict1'/>
          <feOffset dx="2" dy="2" in="pict1" result='pict2'/>
             <feMergeNode in="pict1"/>
             <feMergeNode in="pict2"/>
    <use filter="url(#MyFilter)" x='0' y='0'/>

    Example: See this example    animation focussing on a picture
    Using feGaussianBlur, feOffset, feSpecularLighting and feComposite to create 3D effect lighting

    FrontPage  feColorMatrix  feComponentTransfer  feSpecularLightning feDiffuseLightning  feSpotLight  feDistantLight  fePointLight  feFlood  feImage   feTurbulence   feTile  feMerge  feBlend  feComposite feGaussianBlur  feMorphology  feConvolveMatrix  feDisplacementMap  feOffset

    Valid XHTML 1.0!