X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=blobdiff_plain;f=doc%2Fpage.html;h=406ca45af6bfdd13ccb65b3d7863da8d96865343;hb=30e0888d992fb1e106a58d9604b0304cf41ab6a4;hp=c967e44061ef33aa1ea4e37d10af5c63080a1481;hpb=bdba0db6252e54e1610f257bed5427b765bbc8b0;p=svganimation.git diff --git a/doc/page.html b/doc/page.html index c967e44..406ca45 100644 --- a/doc/page.html +++ b/doc/page.html @@ -123,11 +123,12 @@ Chargement... b.connect(); }

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

-
<div id="anim2"
-  style="margin:10px auto;padding:10px;width:354px;border:2px solid #AAA;border-radius:4px">
- <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:330px;height:240px"/>
+
<div id="anim2" 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></div>
+ <div id="anim2_boutons">
+   <button onclick="charge_anim2();">Charger l'animation</button>
+ </div>
 </div>

 
Dans le même temps, le style des éléments englobants a été adapté.

 

@@ -232,6 +233,16 @@ 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.

+

+
SVGAnimation (documentation)