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

HTML Discussion :

SVG - Dessiner un arc de cercle [HTML 5]


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Par défaut SVG - Dessiner un arc de cercle
    Bonjour,

    J'ai passé beaucoup de temps à essayer de comprendre comment dessiner un arc dans SVG mais il semble que cette logique me soit totalement inconnue.

    En fait, j'essaie de dessiner un arc à partir des informations suivantes :

    Centre X : 10
    Centre Y : 10
    Rayon : 40
    Angle : 90 degrés

    Je m'attends à avoir un arc de cercle dont chaque point est à 40 pixels de mon centre 10,10. L'arc devrait commencer à la position [50, 10] pour se terminer à [10, 50]

    Ce code ne fonctionne pas... Comment dois-je m'y prendre?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <path d="M40,10A10,10 0 0,1 10,40"></path>

  2. #2
    Membre éclairé Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Par défaut
    Bon... comme ça m'arrive bien souvent, je cherche pendant des heures puis je finis par trouver la solution quelques secondes après avoir posté un message sur un forum. Trouver comment expliquer le problème c'est une partie de la solution!

    Bon alors j'ai finalement compris que l'arc n'est pas un arc de cercle mais une portion d'ellipse, ce qui m'a éclairé sur la définition du rayon et sur la rotation de l'axe.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <path d="M50,10A40,40 0 0,1 10,50"></path>
    Résolu!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. SVG Dessiner un arc de cercle de manière progressive
    Par bronon dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 24/01/2015, 10h14
  2. Dessin d'un arc de cercle
    Par Webby1234 dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 31/03/2010, 23h04
  3. Dessiner un arc de cercle.
    Par adrien954 dans le forum C#
    Réponses: 1
    Dernier message: 30/09/2009, 11h00
  4. [SVG] Arc de cercle ?
    Par troisj dans le forum XML/XSL et SOAP
    Réponses: 3
    Dernier message: 22/06/2007, 17h33
  5. Dessiner un arc de cercle autour d'une picturebox
    Par WindowsVista dans le forum VB.NET
    Réponses: 2
    Dernier message: 11/06/2007, 11h48

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