blue bar

Home  |  Resources SiteMap  

blue bar
   Dynamic SVG > Interactivity > Basics

Print Version       Previous       Next       

Interactivity - Interactivity Basics

SVG drawings can be interactive and dynamic.

Interactivity in SVG can be separated into three areas: linking, events and scripting.

  • SVG content often represents a picture or drawing of something, a common need is to link into a particular view of the document. XLink and XPointer allows for linking from within SVG files to other files on the Web. These files could be for other SVG files, SMIL presentations, or simple HTML pages.

  • There are three kinds of event categories: mouse events, keyboard events, and state change events (concerning display and SVG file loading state).

  • Complex applications may be realized combining scripts and Java applets. Events can cause scripts to execute. The <script> element is used to include script.

Basic Interaction features are also provided in an SVG viewer, for examples, zooming, panning, return to original view, and a display print option. SVG supports for zoom, pan, scale on any portion of an SVG image and not see any degradation without waiting for extra graphic data to download.


Previous       Next       

   
 

About the Tutorial

 

SVG Overview

 

SVG Basics

 

Basic Drawing

 

Painting & Effects

 

Dynamic SVG

 

Animation

 

Interactivity

    Basics
    Linking
    Mouse Events
    Keyboard Events
    Scripting
    Using Javascript
  Quiz