X-Git-Url: https://melusine.eu.org/syracuse/G/git/?p=svganimation.git;a=blobdiff_plain;f=doc%2Fpage.html;h=983be8e377d0705aac6eb6223c9d6608e91dacc2;hp=08dd75828fd2db29175b5e9be9b32c320d961fad;hb=9fed6b5a73869d2a7491298f55e764a2fcd1fe71;hpb=f18102174fd3cbbc28c04d194de4988b98c6daa9 diff --git a/doc/page.html b/doc/page.html index 08dd758..983be8e 100644 --- a/doc/page.html +++ b/doc/page.html @@ -124,7 +124,7 @@ Chargement... }

Fonction qui sera liée à l'événement onclick d'un bouton proposant justement le chargement de l'animation...

<div id="anim2" style="...">
- <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="...""/>
+ <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="..."/>
  <div class="message" id="anim2_message">Ellipsographe</div>
  <div id="anim2_boutons">
    <button onclick="charge_anim2();">Charger l'animation</button>
@@ -233,6 +233,29 @@ Charger l'animation

Le fichier SVGPlayerOne.js est fourni à la racine du projet SVGAnimation.

Exemples d'utilisation

+
+
+

+
+
+

Animation avec le player SVGPlayerButtons et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en background de la balise englobante, permettant ainsi d'alléger l'animation.

+
+
+
+
+

+
+
+

Fabrication de l'animation à partir d'un fichier PDF transformé en fichiers SVG grâce au programme pdf2svg.

+

Animation avec le player SVGPlayerButtons. L'animation est une animation de construction d'un maillage, le contrôle se fait donc image par image.

+

Le player est donc paramétré pour n'afficher que les boutons de début et fin d'animation, ainsi que l'avance et le recule image par image.

+

L'affichage des boutons est personnalisé grâce à du code CSS.

+
+
SVGAnimation (documentation)