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 :

[Snap.svg] Créer un texte éditable


Sujet :

JavaScript

  1. #1
    Membre chevronné
    Avatar de Archimède
    Homme Profil pro
    Enseignant
    Inscrit en
    Avril 2005
    Messages
    1 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Avril 2005
    Messages : 1 644
    Points : 1 975
    Points
    1 975
    Par défaut [Snap.svg] Créer un texte éditable
    Je tombe sur le souci de réaliser un composant éditable comme le TextField en as3.
    je voudrais pouvoir faire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    paper.text(....,'').attr('contentEditable','true');
    mais malheureusement, ça ne marche pas...
    Ma question est donc: comment faire un svgEdit avec snap svg ? (en évitant l'utilisation d'une balise input)

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 955
    Points : 44 103
    Points
    44 103
    Par défaut
    Bonjour,
    je crois qu'il va falloir que tu oublies de vouloir faire comme en AS3

    paper.text est un élément SVG et à ce titre est régit comme un élément SVG, il ne te sera pas possible de le modifier en direct.

    Ma question est donc: comment faire un svgEdit avec snap svg ? (en évitant l'utilisation d'une balise input)
    dans tous les outils de retouche de SVG, même dans les bibliothèques permettant de le faire, tu passes par une surcouche d'édition qui peut être un élément comme une <div>, une textarea ou ... un <input> mais en aucun cas tu touches directement au SVG affiché

  3. #3
    Membre chevronné
    Avatar de Archimède
    Homme Profil pro
    Enseignant
    Inscrit en
    Avril 2005
    Messages
    1 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Avril 2005
    Messages : 1 644
    Points : 1 975
    Points
    1 975
    Par défaut
    Salut, je te remercie pour ta réponse. En effet, après de multiples recherches, je suis arrivé à la même conclusion que toi.

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

Discussions similaires

  1. [SVG] Ecrire du texte à l'interieur d'un rectangle !
    Par tarekos dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 05/09/2008, 16h49
  2. Comment créer un Text qui se Tourne
    Par moukah2 dans le forum Débuter
    Réponses: 5
    Dernier message: 25/12/2007, 21h47
  3. Réponses: 2
    Dernier message: 23/09/2007, 21h11
  4. Texte éditable, comment faire
    Par manest dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 15/06/2007, 16h27
  5. [SVG] Questions Edge + Texte
    Par AuraHxC dans le forum XML/XSL et SOAP
    Réponses: 1
    Dernier message: 30/11/2006, 15h10

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