doc/page.md

   1 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
   2 <script type="text/javascript" src="../SVGAnimation.js"></script>
   3 <script type="text/javascript" src="../SVGPlayerOne.js"></script>
   4 <script type="text/javascript">
   5   function charge(i,p,a,b,t) {
   6     var anim = new Animation(i,p,a,b,t);
   7     anim.loopOnload();
   8   }
   9 </script>
  10
  11
  12 **Participants :** Chupin Maxime, Sarlat Jean-Michel.
  13
  14 **Interface du dépôt Git :** <http://melusine.eu.org/syracuse/G/git/?p=svganimation.git;a=summary>
  15
  16 L'objectif est de développer, en particulier, du code Javascript afin de
  17 présenter des animations de fichiers SVG produits, en particulier, par
  18 MetaPost. Ce développement n'étant pas tout à fait prédéterminé, il sera
  19 constitué à partir de l'exploration de différents scénarios de
  20 présentation de ces animations et des modes de construction des fichiers
  21 SVG.
  22
  23 ## Installation
  24
  25 Le fichier `SVGAnimation.js` (que l'on supposera dans le répertoire `js`) est à charger dans la page `html` en mettant les lignes suivantes :
  26
  27         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  28     <script type="text/javascript" src="js/SVGAnimation.js"></script>
  29
  30 La librairie `SVGAnimation.js` dépend de `JQuery`, il faut donc charger charger cette bibliothèque JavaScript avant.
  31
  32 ## L'objet `Animation`
  33
  34 <div id="anim1" style="margin:10px auto;padding:10px;width:660px;border:2px solid #AAA;border-radius:4px">
  35   <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:660px;height:480px"/>
  36   <div class="message" id="anim1_message">Ellipsographe</div>
  37   <div id="anim1_boutons"><button onclick="charge('anim1','../ellipsographe/svg/ellipsographe-',1,91,'boutons');">Charger l'animation</button></div>
  38 </div>
  39
  40
  41
  42 ### Les paramètres
  43
  44 ## Les *players*
  45
  46 ### `SVGPlayerOne.js`
  47
  48 ### `SVGPlayerButtons.js`
  49
  50
  51
  52