Dessiner en js: lignes, figures, ellipses, ellipses pleines,

Soyez le premier à donner votre avis sur cette source.

Vue 11 364 fois - Téléchargée 989 fois

Description

La classe Graphic permet de dessiner en javascript.
Vous pouvez dessiner des rectangles, des lignes, des ellipses sur un element Html de manière simple.
Incluer les fichiers: prototype.js, utils.js, Figure.js, graphics.js et Graphic.js ( ou simplement WWTLoader.js et faire new WWTLoader(emplacement_wwt));
Un exemple avec la WWT est fournie.
Je trouve que ce n'est pas assez rapide, mais bon c'est un essai...
Si ça peut aider pour générer des graphiques ou des figures en javascript.
Marche sous IE/FF/Opéra/...
J'attends vos critiques...
Cordialement,
Pierrick HYMBERT

Source / Exemple :


var graphic = new Graphic();//Par defaut dessine sur le document.body
graphic.drawRectangle(10, 50, 200, 200);
graphic.drawRoundRectangle(10, 50, 200, 200, 80, 25);
graphic.drawOval(211, 151, 200, 100);
graphic.drawPolyline([ 410, 1, 410, 201, 610, 201, 410, 1 ]);
graphic.drawPolygon([ 415, 1, 615, 1, 615, 201]);
graphic.drawText("Hello world!\n Draw figures easier with javascript ;-)\nTry it now!", 10, 50);
graphic.setForegroundColor( new Color( 0, 0, 0) );	
graphic.setBackgroundColor( new Color( 165, 165, 225) );
graphic.fillRectangle(10, 50, 200, 200);
graphic.fillOval(211, 111, 200, 60);
graphic.fillRoundRectangle(10, 50, 200, 200, 60, 60);
//etc...

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

yousfane
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
-
Salut
J'aime bien tes sources, mais ça ne marche pas sous IE7
oramos
Messages postés
1
Date d'inscription
vendredi 19 octobre 2007
Statut
Membre
Dernière intervention
5 novembre 2009
-
Un super script qui mériterait d'être développé davantage afin d'obtenir un outil complet de dessin...
the_wwt
Messages postés
177
Date d'inscription
jeudi 5 octobre 2006
Statut
Membre
Dernière intervention
16 janvier 2009
1 -
Salut,

merci ;-)

Cependant, il existe SVG et Canvas qui permettent de faire du dessin vectoriel.

Pour moi, c'est plus la peine d'utiliser une librairie en JS natif qui rame alors que la plupart des browser le supporte en natif.

De plus HTML5 approche à grand pas, on ne se posera plus de question là dessus d'ici peu.

D'où le manque d'interêt que je porte à présent sur ces sources.

Elle sont libre de droit, donc si tu souhaites les faire évoluer c'est avec plaisir, je pourrai même les intégrer sur cette page par la suite si tu veux.

Bien cordialement,

Pierrick

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.