Accueil > > > DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,
 DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,
 Information sur la source
 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...
 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.
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 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 )
|
Derniers Blogs
 COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|