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);
11 **Participants :** Chupin Maxime, Sarlat Jean-Michel.
13 **Interface du dépôt Git :** <http://melusine.eu.org/syracuse/G/git/?p=svganimation.git;a=summary>
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
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 :
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>
29 La librairie `SVGAnimation.js` dépend de `JQuery`, il faut donc charger charger cette bibliothèque JavaScript avant.
31 ## L'objet `Animation`
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>
47 ### `SVGPlayerButtons.js`