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

Soyez le premier à donner votre avis sur cette source.

Vue 11 266 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

Commenter la réponse de yousfane

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.