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