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 :

Image svg modification du src


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    octobre 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2007
    Messages : 414
    Points : 187
    Points
    187
    Par défaut Image svg modification du src
    Bonsoir à tous,
    J'ai un souci avec une image SVG.

    Je charge une image SVG que je modifie lors d'une saisie en changeant la couleur de rouge à bleu, en fait en changeant le SRC de l'image qui passe de unCheck.svg à Check.svg. Malheureusement lors de l'exécution du script le SRC est bien modifié mais les attributs largeur & hauteur ne sont plus respectés et reprennent la largeur et la hauteur initiales. Les 2 images sont "fabriquées avec Illustrator".

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img id="nbreEtudiantChecked" src="../Images/SVG/Palette/unCheck.svg" width="14" height="14" style="padding-top:0px; vertical-align:middle; margin-left:5px; cursor:pointer; " />
    Comment faire ?
    D'avance merci pour vos lumières

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    il faut les mettre dans le style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img ......... style="width:14px;height:14px;.............." />

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    octobre 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2007
    Messages : 414
    Points : 187
    Points
    187
    Par défaut
    Merci pour ta réponse mais j'avais déjà essayé cette solution qui ne fonctionne pas lorsque l'on change le src d'une image svg embed.
    Finalement j'ai opté pour la solution suivante :
    je défini 2 def au chargement de la page.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    	<defs>
            	<image id="check" width="17px" height="17px" xlink:href="../Images/SVG/Palette/Check.svg" />
            	<image id="uncheck" width="17px" height="17px" xlink:href="../Images/SVG/Palette/unCheck.svg" />
        	</defs>
    que j'utilise dans un script JS standart de création d'une image svg pour laquelle je switch le use selon les besoins

    La cohabitation DOM SVG est vraiment trop chaotique pour être utilisée en production !
    Quand à la gestion des path par Illustrator C globalement un peu n'importe quoi hormis pour les images svg embed

    Bonne soirée

  4. #4
    Membre éprouvé
    Homme Profil pro
    chomeur
    Inscrit en
    avril 2015
    Messages
    613
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 76
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : chomeur
    Secteur : Distribution

    Informations forums :
    Inscription : avril 2015
    Messages : 613
    Points : 1 275
    Points
    1 275
    Par défaut
    jour

    a tu essayé avec la balise object ?
    Plus vite encore plus vite toujours plus vite.

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

Discussions similaires

  1. Sauver image après modification des pixels
    Par PrAbronsius dans le forum 2D
    Réponses: 6
    Dernier message: 27/04/2006, 09h18
  2. problème convertion image jpg en image svg avec batik
    Par linkB2 dans le forum Multimédia
    Réponses: 1
    Dernier message: 27/04/2006, 00h16
  3. integration d'une image SVG a un programme JAVA
    Par Mardagg dans le forum Interfaces Graphiques en Java
    Réponses: 2
    Dernier message: 14/04/2006, 16h42
  4. [Image]Photos modification de la taille automatiquement ?
    Par chakan dans le forum Bibliothèques et frameworks
    Réponses: 5
    Dernier message: 29/03/2006, 03h04
  5. Recuperation de la taille d'une image avec la propriété SRC
    Par CDRIK dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 08/10/2004, 03h05

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