Technologies Internet et Education, © TECFA
  1. Table des matières détaillée

---

1. Table des matières détaillée

1. Table des matières détaillée 3

2. Animation SVG 5

2.1 Principe et méthodes d'animation 5

2.2 Balises pour l'animation "XML/SMIL" 6

Exemple 2-1: Exemple de sensibilisation avec animate 7

2.3 Les attributs communs aux balises d'animation 8

2.4 Les attributs pour les valeurs d'animation au cours du temps 12

2.5 Les attributs qui contrôlent la succession des animations 14

Exemple 2-2: Deltas d'une animation 15

2.6 L'élément set 16

Exemple 2-3: Simple animation avec set et animation 16

2.7 AnimateColor 17

Exemple 2-4: Animation d'une couleur 17

2.8 AnimateTransform 18

Exemple 2-5: Simple rotation 18

2.9 AnimateMotion 19

Exemple 2-6: Animation d'un mouvement le long d'un tracé 19

2.10 Animations combinées 20

Exemple 2-7: Exemple d'une animation combinée 20

3. Interactivité avec SVG 21

3.1 Principe et gestion des événements 21

3.2 Evénements de base SVG/SMIL 22

Exemple 3-1: Simple animation avec un événement mouseover 25

4. Interactivité avec le DOM et EcmaScript 27

4.1 Introduction et exemple de sensibilisation 27

Exemple 4-1: Simple switch avec DOM 28

4.2 Introduction au scripting avec DOM 30

A. Placement et initialisation du script 30

B. Le déboggage 31

C. Classes et méthodes SVG DOM et XML DOM 2 32

D. Eléments utiles du XML DOM2 33

Exemple 4-2: DOM alert 35

4.3 Exemple DOM simple 36

Exemple 4-3: Simple interaction avec DOM 36

5. Animation avec le DOM 41

Exemple 5-1: Exemple dom01 de la spécification française 41