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:

---

<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

Bonjour,

il faut les mettre dans le style :

Code:

---

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

---

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:

---

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

jour

a tu essayé avec la balise object ?