IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Dessiner un polygne dans un graphique


Sujet :

JavaScript

  1. #1
    Membre habitué Avatar de Dark Ryus
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    333
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 333
    Points : 162
    Points
    162
    Par défaut Dessiner un polygne dans un graphique
    Bonjour,

    J'aimerais pouvoir dessiner un polygone composé de 4 points dans un graphique.

    Mon graphique est composé d'un axe x, d'un axe y et est composé de plein de petites cases (j'ai utilisé un table et plein de td). Les points de mon graphique vont de 25 en 25, c'est à dire 0, 25, 50, 75, etc....

    L'utilisateur doit choisir 4 points, et on rempli le polygone.

    Pour le moment, lorsque je clique sur 4 cases, j'arrive à dessiner un rectangle, ma les choses se compliques pour les losanges et les polygones quelconques.

    J'ai mis en pièce jointe, le résultat voulu.

    Si vous avez une idée de comment faire, ou un plugin ou autre chose je suis preneur.
    Images attachées Images attachées  

  2. #2
    Membre habitué Avatar de Dark Ryus
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2007
    Messages
    333
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2007
    Messages : 333
    Points : 162
    Points
    162
    Par défaut
    Je suis en train d'explorer la piste des SVG et Polygon.

    J'ai réussi à dessiner un polygon avec 4 points.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <svg id="svgelem" width="260px" height="350px" style="position:absolute" xmlns="http://www.w3.org/2000/svg">
    <polygon id="POL_FORME" points=" 92,48 212,64 248,144 128,256" stroke-width="1" stroke="blue" fill="lime">
    </svg>
    Est ce qu'on peut savoir si une coordonnée (la position du curseur) est à l'intérieur du polygon ?

    Merci

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 058
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 058
    Points : 44 588
    Points
    44 588
    Par défaut
    Bonjour,
    j'avais mis dans la rubrique Contribuez Tester si un point est dans un Polygone, c'est pour GoogleMap mais le principe et l'algo restent les mêmes.

Discussions similaires

  1. Dessin dans un graphique
    Par gregowy dans le forum MATLAB
    Réponses: 6
    Dernier message: 13/06/2014, 15h51
  2. Dessiner les axes dans le graphique
    Par beni46 dans le forum Qwt
    Réponses: 1
    Dernier message: 26/01/2010, 13h56
  3. [ALGO] dessiner un triangle dans le bon sens
    Par lefait dans le forum Algorithmes et structures de données
    Réponses: 13
    Dernier message: 05/02/2005, 14h38
  4. Dessiner une ligne dans un cube transparent ?
    Par Muetdhiver dans le forum OpenGL
    Réponses: 4
    Dernier message: 04/05/2004, 11h06
  5. [PaintBox] Persistance du dessin non créé dans onPaint
    Par princesse dans le forum C++Builder
    Réponses: 10
    Dernier message: 21/04/2004, 17h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo