Workshop : SVG and Animation (SMIL, script based)

Organizers: Stefan Goessner,  Michel Hirtzler

 Typewriter effect on text 

Content: 
- use 'animate' on 'xlink:href' in 'tref' for text
- use javascript to create text for 'tref' elements, modify attributes in 'animate' element
- run animations one after the other
 

1) Typewriter effect for one line of text

Example -

2) Typewriter effect for 3 lines of text

Example -

3) Use javascript to create 'text' elements for 'tref' and modify 'values' and 'dur' attributes for animation

Example  - change text to test javascript

4) Adapt for any text with any number of lines, use js to create all elements.

Example