From bb219b859367d3cbc212b5d4ad0dfd3ba6356af5 Mon Sep 17 00:00:00 2001 From: "Maxime Chupin (escudo)" Date: Sun, 13 Nov 2016 19:19:48 +0100 Subject: [PATCH] Doc: liste --- doc/page.html | 9 +++++++-- doc/page.md | 3 ++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/doc/page.html b/doc/page.html index d25a525..4ce29b5 100644 --- a/doc/page.html +++ b/doc/page.html @@ -51,7 +51,12 @@ L'idée d'une telle librairie est venue du fait que le logiciel MetaPost per

L'utilisation

Côté HTML

-

La librairie SVGAnimation définit le prototype javascript Animation. Pour l'utiliser il faut déclarer une balise HTML div avec un identifiant (id) unique. Choisissons pour l'exemple XXXX. À l'intérieur de ces balises, il faut : * une balise img contenant un image svg qui servira de vignette à l'animation; * une balise div avec l'identifiant id="XXXX_message" où XXXX est l'identifiant de la balise englobante. Dans cette balise message, on y met, si on le souhaite, un message à afficher avant le chargement de l'animation; * une balise div avec l'identifiant id="XXXX_boutons".

+

La librairie SVGAnimation définit le prototype javascript Animation. Pour l'utiliser il faut déclarer une balise HTML div avec un identifiant (id) unique. Choisissons pour l'exemple XXXX. À l'intérieur de ces balises, il faut :

+

En supposant que les images SVG se trouvent dans un répertoire nommé svg, voici un exemple d'une telle structure :

<div id="anim1">
   <img src="svg/ellipsographe-1.svg" alt="animation1"/>
@@ -116,7 +121,7 @@ Chargement...
   b.connect();
 }

Fonction qui sera liée à l'événement onclick d'un bouton proposant, à l'internaute, le chargement de l'animation...

-
<div id="anim2"  
+
<div id="anim2"
   style="margin:10px auto;padding:10px;width:354px;border:2px solid #AAA;border-radius:4px">
  <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:330px;height:240px"/>
  <div class="message" id="anim2_message">Ellipsographe</div>
diff --git a/doc/page.md b/doc/page.md
index 0cffee1..b1816df 100644
--- a/doc/page.md
+++ b/doc/page.md
@@ -92,6 +92,7 @@ La librairie `SVGAnimation` définit le *prototype* javascript
 avec un identifiant (`id`) unique. Choisissons pour l'exemple `XXXX`.
 À l'intérieur de ces balises, il
 faut :
+
 * une balise `img` contenant un image `svg` qui servira de vignette à
   l'animation;
 * une balise `div` avec l'identifiant `id="XXXX_message"` où `XXXX` est
@@ -217,7 +218,7 @@ Fonction qui sera liée à l'*événement* `onclick` d'un bouton proposant, à
 l'internaute, le chargement de l'animation...
 
 ~~~~~~~ { .html }
-

  animation1
  
Ellipsographe

-- 
2.20.1