<span class="op">}</span></code></pre></div>
<p>Fonction qui sera liée à l'<em>événement</em> <code>onclick</code> d'un bouton proposant justement le chargement de l'animation...</p>
<div class="sourceCode"><pre class="sourceCode html"><code class="sourceCode html"><span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2"</span><span class="ot"> style=</span><span class="st">"..."</span><span class="kw">></span>
- <span class="kw"><img</span><span class="ot"> src=</span><span class="st">"../ellipsographe/svg/ellipsographe-1.svg"</span><span class="ot"> alt=</span><span class="st">"animation1"</span><span class="ot"> style=</span><span class="st">"..."</span><span class="er">"</span><span class="kw">/></span>
+ <span class="kw"><img</span><span class="ot"> src=</span><span class="st">"../ellipsographe/svg/ellipsographe-1.svg"</span><span class="ot"> alt=</span><span class="st">"animation1"</span><span class="ot"> style=</span><span class="st">"..."</span><span class="kw">/></span>
<span class="kw"><div</span><span class="ot"> class=</span><span class="st">"message"</span><span class="ot"> id=</span><span class="st">"anim2_message"</span><span class="kw">></span>Ellipsographe<span class="kw"></div></span>
<span class="kw"><div</span><span class="ot"> id=</span><span class="st">"anim2_boutons"</span><span class="kw">></span>
<span class="kw"><button</span><span class="ot"> onclick=</span><span class="st">"charge_anim2();"</span><span class="kw">></span>Charger l'animation<span class="kw"></button></span>
</div>
<p>Le fichier <code>SVGPlayerOne.js</code> est fourni à la racine du projet SVGAnimation.</p>
<h2 id="exemples-dutilisation">Exemples d'utilisation</h2>
+<div class="row">
+<div class="col-md-4">
+<p><a href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/"
+alt="lien vers l'exemple"><img src="img/mvtretrograde.png"
+alt="Image de l'exemple" style="width: 100%;"/></a></p>
+</div>
+<div class="col-md-8">
+<p>Animation avec le <em>player</em> <code>SVGPlayerButtons</code> et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en <em>background</em> de la balise englobante, permettant ainsi d'alléger l'animation.</p>
+</div>
+</div>
+<div class="row">
+<div class="col-md-4">
+<p><a href="//melusine.eu.org/syracuse/G/svganimation-exemples/delaunay/"
+alt="lien vers l'exemple"><img src="img/delaunay.png"
+alt="Image de l'exemple" style="width: 100%;"/></a></p>
+</div>
+<div class="col-md-8">
+<p>Fabrication de l'animation à partir d'un fichier PDF transformé en fichiers SVG grâce au programme <code>pdf2svg</code>.</p>
+<p>Animation avec le <em>player</em> <code>SVGPlayerButtons</code>. L'animation est une animation de construction d'un maillage, le contrôle se fait donc image par image.</p>
+<p>Le player est donc paramétré pour n'afficher que les boutons de <em>début</em> et <em>fin</em> d'animation, ainsi que l'avance et le recule <em>image par image</em>.</p>
+<p>L'affichage des boutons est personnalisé grâce à du code CSS.</p>
+</div>
+</div>
</div>
<div id="tdm-doc" class="tdm-loc">
<div id="tdm-titre">SVGAnimation (documentation)</div>