Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,


Information sur la source

Catégorie :Graphique Classé sous : graphique, wwt, figure, schema, ellipses Niveau : Débutant Date de création : 18/06/2007 Date de mise à jour : 19/06/2007 14:47:58 Vu / téléchargé: 5 710 / 650

Note :
Aucune note

Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note


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

  • 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...
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...
	

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

19 juin 2007 14:47:58 :
Correction bug: dessin d'un shell. Mise à jour des démos dans test_xp.html Ajout d'autre pages de tests.

Commentaires et avis

signaler à un administrateur
Commentaire de yousfane le 18/06/2007 20:34:42

Salut
J'aime bien tes sources, mais ça ne marche pas sous IE7

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

menu sur zone graphique ? [ par syldelph ] [8DBonjour, Comment combiner dans un html : <map><area> et <div><a>...</a><a>...</a>...</div> pour lan graphique en courbe [ par jeremy77 ] bonjour,Je cherche à réaliser un graphique en courbe ( en javascript ) comme ce que l'on retrouve dans les site de bourse.Quelqu'un aurai quelque chos graphique [ par KapS ] salut,juste une question comme ça, est il possible de creer un graphique avec 2 courbes, et ce, tout en langage html ou autre, manuellement??? et su o graphique camembert [ par bob ] bonsoir tout le monde je suis a la recherche d'un script qui me permettrait de faire un graphique camembert en forme de pourcentage d'aprés cert Graphique en javascript [ par g_barthe ] Bonjour, Je souhaite tracer des diagrammes genres courbes de fonction mathématiques(à 1 ou 2 variables avec des axes horizontaux, verticaux Listes déroulantes qui ont un lien entre elles [ par fa0007 ] Da hello ! Bon, je suis un gros débutant en javascript, voici pour ma présentation ^^. Et voici mon problème : J'aimerais fair interface graphique [ par amira2006 ] que veut dire JSlider en javaque veut dire JDesktopPanecomment associé un logo a une interface interface graphique [ par amira2006 ] que veut dire JSlider en javaque veut dire JDesktopPanecomment associé un logo a une interface center le code dans un kit graphique [ par speedylol ] bonjour voici le probléme que je rencontre , j ai trouver un superbe kit graphique imbriquer de plusieur jeux de cadre et j'aimerais centrer mes page pb avec une macro de maj Graphique [ par cricriminator ] C'est une macro qui via la cellule H9 (c'est un bouton)Me permet de selectionner une plage de saisie dans un graphique.exemple... je selectionne( H9 )


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,686 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.