X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=blobdiff_plain;f=doc%2Fpage.html;h=1c10097df91004c7c55ce842d2b7dfd10aea4de7;hb=73c1423ab31887669bb5fcbfcd5003abe74a0c87;hp=dcd5c57bd03be76909cce22f64d1ba53e76835fe;hpb=e6db42e045a204e90577ca023da0fc8c6530ad6a;p=svganimation.git
diff --git a/doc/page.html b/doc/page.html
index dcd5c57..1c10097 100644
--- a/doc/page.html
+++ b/doc/page.html
@@ -5,32 +5,157 @@
function charge(i,p,a,b) {
var anim = new Animation(i,p,a,b);
anim.loopOnload();
+ var player = new Controle(anim);
+ player.connect();
}
+ function charge_anim2() {
+ var a = new Animation('anim2','../ellipsographe/svg/ellipsographe-',1,91);
+ a.loopOnload();
+ var b = new Controle(a);
+ b.connect();
+ }
+ $(window).load(function() {
+ anim = new Animation('XXXX','../ellipsographe/svg/ellipsographe-',1,91);
+ anim.loopOnload();
+ player = new Controle(anim);
+ player.connect();
+ });
L'objectif est de développer, en particulier, du code Javascript afin de présenter des animations de fichiers SVG produits, en particulier, par MetaPost. Ce développement n'étant pas tout à fait prédéterminé, il sera constitué à partir de l'exploration de différents scénarios de présentation de ces animations et des modes de construction des fichiers SVG.
Le principe est simple : on dispose d'un ensemble d'images au format SVG qui constituent, par une suite chronologique, une animation à visionner. La libraire SVGAnimation permet de visionner cette animation dans une page HTML grâce à JavaScript.
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".
$(window).load(function() {
+ var anim =newAnimation('XXXX','svg/ellipsographe-',1,91);
+ anim.loopOnload();
+ var player =newControle(anim);
+ player.connect();
+});