[JavaScript] Artisan JS, une librairie pour dessiner
Ce soir, je vais vous parler d'une librairie Javascript que je viens de découvrir très intéressante: Artisan JS.
Cette librairie contient toutes les nouvelles directives HTML5/CSS3 pour dessiner des Canvas, très très simplement. L'intérêt de la chose est de pouvoir dessiner des graphes, des courbes, etc... et aussi, de les animer, car le script ne nécessite pas d'être dans les balises <head> mais fonctionne bien dans les balises <body> de votre page.
De plus, ce script est sous licence MIT et GPL (W00t !)
Comme vous le montre la page de script, c'est très simple:
- Prenez le script ici
- Mettez cela dans les balises <head> :
<script src="artisan.js"></script>
- Insérez cela, là où vous souhaitez que votre graphe apparaisse (remplacez width et height):
<canvas id="monCanvas" width="xxx" height="xxx"></canvas>
- Et enfin, cela, pour dessinez comme vous le souhaitez (peut être sur un onClick, onLoad, ou ce que vous voulez !)
<script>
artisan.drawCircle('monCanvas', 150, 150, 30, ‘#809CA7’);
</script>
Magique !
Source: Artisan JS
Demo: Generative Art Wallpaper Creator
Tags: javascript canvas html5 artisan-js