Artisan JS: desenaţi cu JavaScript şi HTML5


Artisan JS este o bibliotecă JavaScript pentru desenarea via HTML5. Această bibliotecă reuneşte câteva funcţii care ar trebui să facă desenarea mai uşoară: cercuri, linii, dreptunghiuri, text… Ce mi se pare interesant este că încearcă să aducă un fel de straturi şi istoric, ceea ce i-ar permite unui webmaster să aibă un grafic şi via JavaScript, prin nişte clickuri, să dezactiveze anumite coloane din grafic sau alte lucruri, evident grupând elementele pe aceste straturi. Evident, biblioteca merge sub navigatoarele moderne, la IE însemnând IE9.

imagine

“Superbul” desen de mai jos a fost realizat…

imagine

… cu următorul cod (observaţi că suportă şi transparenţă!):

[HTML]<html>
<head>
<title>Test</title>
<script src="artisan.js"></script>
</head>
<body>
<canvas id="panza" width="300" height="300"></canvas>
<script>
cale=[[14,5],[50,100],[200,180],[14,5]];
artisan.drawPath(‘panza’, cale, 0, ‘#00cc00’, ‘#00cc00’);
artisan.drawCircle(‘panza’, 150, 150, 40, ‘#809CA7’);
artisan.drawCircle(‘panza’, 100, 80, 30, ‘#109CA7’);
artisan.drawCircle(‘panza’, 210, 180, 70, ‘#0f2CA7′,5,’#cc0000’,0.2);
</script>
</body>
</html>[/HTML]

Pentru mai multe informaţii vedeţi An Introduction to Artisan JS.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (1 evaluări, media: 5,00 din 5)
Loading...Loading...

2 comentarii

  1. Cosmin spune:

    Mi-a adus aminte de „desenele” facute pe anticul HC90. :)


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *