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
 UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|