Tutorial based on Learn SVG - Part 2 Scripting
Choose chapter
Introduction
Write a script, run a script and document structure
Properties and methods
DOM structure
Navigate through DOM
DOM's objects
Properties and attributes for objects, modify attributes
Create object
Create object, clone object remove object
Text element
Script about text elements
More methods
Advanced methods on SVG elements as path use and animation
Mouse Keyboard
Use pointer position and keyboard input
Samples
Coordinates
Retrieve coordinates in window, main viewport and object's viewport
Zoom Pan
Allow zoom and pan by script
Move Modify
Move, modify objects with pointer
Animation
Create animation by script, create animated elements by script
Library
Build reusable components - color picker - alert confirm prompt window - slider - drop-down list
Summary
All properties and methods with link to example
Examples are tested with Adobe viewer ( 3 and 6 beta ), Corel ( 2.1 ), Squiggle ( 1.6 ), Firefox 1.5 and Opera 9.1
In methods, you will not see target, clientX ... but target, clientX ... We don't use specific objects as document SVGDocument
Animation and filters are not implemented actually in Squiggle, CSV and Firefox 1.5
Some methods as getScreenCTM are not implemented in ASV 3
This tutorial use only SVG and ECMAScript.
Help about
this tutorial
© Learn SVG & Pilat Informatique Educative 2003