DESSINER DES LIGNES SUR VOTRE PAGE WEB
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009
-
24 mars 2006 à 15:09
cs_MaX3315 Messages postés 170 Date d'inscription mercredi 18 juin 2003 Statut Membre Dernière intervention 11 mai 2009 - 28 mai 2009 à 09:10
cs_MaX3315 Messages postés 170 Date d'inscription mercredi 18 juin 2003 Statut Membre Dernière intervention 11 mai 2009 - 28 mai 2009 à 09:10
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/36711-dessiner-des-lignes-sur-votre-page-web
https://codes-sources.commentcamarche.net/source/36711-dessiner-des-lignes-sur-votre-page-web
28 mai 2009 à 09:10
27 mai 2009 à 20:56
En fait, il fallait qu'un utilisateur puisse faire des polygones sur une image et sauvegarder la forme créée.
Voila, encore merci et bonne continuation ;)
29 avril 2008 à 13:32
Effectivement ton lien est vraiment sympa. C'est surtout une exploitation complète et OPTIMISER de cette technique... ca pourrait bien me redonner un coup de foué pour avancé le projet de mini illustrator en ligne, étant donné que j'avais déjà gérer toute la partie de gestion de calque, de document.
Est-ce que ton travail de sauvegarde en XML est du code ouvert?
29 avril 2008 à 12:08
Vous devriez jeter un œil ici aussi si vous voulez : http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
C'est super bien foutu je trouve, et cross browser.
Je m'en suis servi au boulot avec une autre de ses librairies pour du drag'n drop, et j'ai du effectivement coder un système de stockage en XML comme l'a évoqué MAX3315 plus haut.
22 avril 2008 à 17:04
J'essaye de trouver le moyen de pouvoir tracer une ou plusieurs formes (cercle, rectangle avec fond transparent) sur une image (photo) le tout en javascript. Le but est de pouvoir définir des commentaires à des zones d'une image. Une fois définis, ces commentaires apparaitraient comme popup lors du passage de la souris dessus (à la mode facebook).
23 sept. 2006 à 16:54
23 sept. 2006 à 16:52
Pour baisser un peu l'usage du CPU tu peux éventuellement tracer des lignes en pointillées, cela fera autant de point en point (donc de div) à replacer.
23 sept. 2006 à 16:43
31 août 2006 à 17:24
31 août 2006 à 16:49
27 juin 2006 à 23:57
Je cherchais depuis longtemps un moyen de faire tourner une image en javascript (pour une boussole).
Et grâce à ta source je peut dessiner les aiguilles avec des div, génial ...
J'utilise donc ta source dans mon système de visite virtuelle : MyFlashPano (dans le fichier pano.js)
http://www.javascriptfr.com/codes/MYFLASHPANO-VERSION-JAVASCRIPT-SYSTEME-VISITE-VIRTUELLE-PANORAMA-360_38341.aspx
J'ai laissé tes commentaires, mais j'ai modifié légèrement ta source (point de départ et d'arrivée identique aux autres...)
Merci
8 juin 2006 à 18:08
Le projet de mini Illustrator est en cours à l'adresse suivante:
http://codessources.votre-web.com/js/myIllustrator/
Ce qui comme à fonctionner:
- les calques (ajout/suppression cf le - et +)
- le niveau d'opacité des calque cf saisie audessus de la liste)
- le multi document
- le tracé des lignes
- les propriétés des lignes couleur, epaisseur, espacement.
- la gestion de la boite à outils (Pour l'instant il n'y a que l'outil ligne, mais il sera aisé de créer d'auter outils (rectangle, cerlcle, spirale, etc...)
ATTENTION: aucun test sur vos saisies clavier n'est effectué donc faites bien attention à bien renseigner des entiers (ou une couleur).
Ce que j'ai pas encore du totu traité:
-le format d'export (XML maison ou SVG, le second me prendra plus de temps)
-l'export en image via php et GD.... beaucoup de boulot
Des pistes d'extension:
-gestion d'effets sur les calcuqes qui pourront être généré à l'export (hallo, ombre porté, etc...)
J'attends vos commentaires
NB: pour l'instant le script ne fonctionne que sous Firefox, mais il sera facillement ouvert à IE également (juste un petit problème d'interprètation des CSS qui cache la feuille du document sous IE).
5 juin 2006 à 21:04
et grossomodo:
pouvoir charger une image et la modifier en ligne puis la sauvegarder, ou la poster ds un forum ...
ce qui donne à un gone la possibilité de colorier dessiner et publier son dessin =)
je te demanderai par mp comme tu l indique pour savoir où ca en est ^_°
26 mars 2006 à 09:17
L'idée et de stocké dans des objets (layers) des listes d'objet (formes) qui eux même contiennent une liste d'object (lignes).
Il s'agira en gros d'un liste de liste de liste. :p
Sous cette forme il sera très facile de créer une liste sauvegardable dans un format texte ou plutôt XML. UIl suffira de générer ce code XML, de le mettre dans un textarea et de posté le formulaire vers un script serveur pour la sauvegarde, ou encore la génération d'une image via du GD...
Bref je m'attaque dès aujoud'hui à ce projet :-)
Si vous êtes intérésser pour suivre l'évolution de ce projet je vous invite à me communiquer vos coordonnée par Message privé. Car je ne posterai sur Codes sources que la version finie et fonctionnelle.
25 mars 2006 à 22:55
uiii je sais c'est daiileur ce que j'ai deja prévu dans un piti script en php mais mon problème n'est pas la ...
moi ce qui m'importe c'est de faire passer la valeur des positions de x et y a la fin du tracé dans une url pointant vers mon script php.
sinon comme me l'a conseiller MaX3315 je patienterai ou je chercherai comment faire a partir du code de bultez .
vla et puis chez moi le script ne fonctionne pas avec mozilla (mais ca doit etre moi je crois)
25 mars 2006 à 18:57
Ce qu'il est préféralbe mais je suis allez au plus vite c'est d'insérer à la place de cet espace ume image transparente de 1px x 1px.
J'en prends note est corrigeré cela dans une version un peus plus aboutis de ce script (epaisseur de la ligne, dégradés, etc...)
25 mars 2006 à 13:04
24 mars 2006 à 22:40
Mais je pense que je posterai une version plus puissante permettant de dessiner de multiples lignes, des formes, des polygones.... Combiner à une libriaie de dessin côté serveur tel que GB cela peus devenir vraiment intéressant :-)
La suite à venir donc. Alors un peu de patience Polo998 ;-)
24 mars 2006 à 22:32
moi perso je cherchai exactement ce script pour mon map viewer ...
mais une pitie question : une fois la ligne tracée je voudrai que sa position reste meme si
j'en trace une autre ... ou sinon comment recupérer les position de x et y a la fin du tracé ( genre endX et endY,
enfin bref de quoi pouvoir retracer la ligne automatiquement meme apres un reload
merci a ceux qui resoudront mon probleme et puis surtout épargnez mon ignorance en javascript je debute hihi...
sinon jmet bien un petit 10/10 (un grand jveu dire lol)