Interactive SVGs

SVG Tutorials
19 Aug 2010

Contents

  1. Using Javascript with SVG
  2. SVG scripting example: an interactive map
  3. Mouseover effects
  4. Tooltip
  5. Draggable SVG elements
  6. Panning and zooming
  7. Pan and zoom with text
  8. Moving SVG elements in Z
  9. SVG button

SVGs are a great way to add high-quality images to a website. One of advantage of using SVG is that they have a Document Object Model so can be manipulated using Javascript in the same way you add interactivity to HTML. This is collection of standalone tutorials looking at different ways to add interactivity. Each one is independent of the others.

Back to SVG Tutorials