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

Télécharger le projet
Commenter

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...
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (the_wwt)