HTML5 a apporté un bon lot de nouveautés pour les développeurs Web. Pourtant certaines sont passées plus inaperçues que d’autres : les « canvas » par exemple. Il permettent de dessiner des éléments sur les pages, sans avoir recours à un image.
CanvasLoader est un webware et une bibliothèque JavaScript qui permettent de créer des animations de chargements (preloader) en canvas HTML5.
Comme vous pouvez le voir, il n’y a rien de compliqué, il suffit de faire mumuse avec le webware pour trouver et concevoir le loader de ses rêves.
Lorsque vous êtes satisfait, il suffit de télécharger le code complet HTML5 pour installer l’animation sur votre site. Le code est créée dans un &lh;;div>. Il est même possible d’en placer plusieurs sur une même page.
L’instanciation est très simple :
[/sourcecode]
var cl = new CanvasLoader(‘canvasloader-container’);
cl.setDiameter(133); //default is 40
cl.setRange(0.85); //default is 1.3
cl.setColor(‘#29679e’); //default is ‘#000000′
[/sourcode]
Très pratique pour qui ne connait pas par cœur la manière de construire des images avec les Canvas HTML5.
Utilisez CanvasLoader