X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=blobdiff_plain;f=doc%2Fpage.html;h=5f7f743338a793037a2bd2bf78f7090771f58a71;hb=39df3e4bb56296785c4e5ebb74d1888563c7fe17;hp=08dd75828fd2db29175b5e9be9b32c320d961fad;hpb=f18102174fd3cbbc28c04d194de4988b98c6daa9;p=svganimation.git diff --git a/doc/page.html b/doc/page.html index 08dd758..5f7f743 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,19 @@ Charger l'animation

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

Exemples d'utilisation

+
+
<div class="col-md-4">
+    <a href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/"
+        alt="lien vers l'exemple"><img src="img/mvtretrograde.png"
+            alt="Image de l'exemble" style="width: 100%;"/></a>
+
+
<div class="col-md-8">
+    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.
+ +
SVGAnimation (documentation)