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
 SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|