Discussion :

[bronon]

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

[Invité]

Bonjour,

il faut les mettre dans le style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img ......... style="width:14px;height:14px;.............." />

[bronon]

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

[melka one]

jour

a tu essayé avec la balise object ?