doc/page.md

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