Bonjour à tous
J'ai utilisé un convertisseur online pour convertir un fichier .png en svg
Cette image est une bulle vide de BD avec un fond jaune.
Mon intention est de pouvoir modifier la couleur du fond de la bulle en CSS.
J'obtiens le résultat suivant:
Le fichier .svg ne contient pas de couleur.
Pour autant que je comprenne, le path définit le contour de la bordure de la bulle, avec un contour invisible et le contenu du contour en noir, mais ça ne définit pas un objet à l'intérieur duquel on pourrait donner une couleur.
Comment faire pour mettre une couleur dans ce contour et l'extérieur en transparent ?
Merci de votre aide, le SVG est un domaine que j'ignore complètement.
Modifié par PapyJP (19 Sep 2025 - 12:22)
J'ai utilisé un convertisseur online pour convertir un fichier .png en svg
Cette image est une bulle vide de BD avec un fond jaune.
Mon intention est de pouvoir modifier la couleur du fond de la bulle en CSS.
J'obtiens le résultat suivant:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="479.000000pt" height="479.000000pt" viewBox="0 0 479.000000 479.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,479.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2183 4739 c-376 -33 -786 -166 -1092 -352 -541 -331 -890 -815
-1018 -1413 -25 -120 -27 -145 -27 -369 0 -224 2 -249 27 -369 76 -355 223
-659 451 -931 l75 -90 -166 -325 c-346 -676 -353 -691 -353 -727 0 -19 5 -43
10 -54 12 -22 61 -49 89 -49 11 0 360 112 775 249 l755 248 94 -22 c428 -104
841 -99 1278 14 579 151 1068 496 1383 977 231 354 353 820 318 1214 -60 671
-401 1222 -997 1613 -443 289 -1048 435 -1602 386z m542 -115 c526 -64 1020
-300 1378 -657 278 -278 463 -618 545 -996 25 -117 26 -143 26 -366 0 -223 -1
-249 -26 -366 -102 -474 -376 -898 -770 -1192 -143 -106 -215 -150 -364 -225
-521 -261 -1111 -325 -1699 -185 l-109 26 -86 -27 c-47 -15 -344 -113 -660
-218 -524 -173 -621 -207 -687 -240 -11 -6 -26 -8 -31 -4 -6 3 -22 2 -36 -4
-28 -10 -31 -8 -17 18 6 9 12 29 15 44 4 15 12 33 19 40 20 20 147 261 317
598 84 168 159 314 167 325 20 30 16 48 -18 81 -162 153 -362 477 -448 725
-319 923 138 1933 1084 2394 439 213 904 289 1400 229z"/>
<path d="M2 4250 c0 -14 2 -19 5 -12 2 6 2 18 0 25 -3 6 -5 1 -5 -13z"/>
<path d="M2 3850 c0 -14 2 -19 5 -12 2 6 2 18 0 25 -3 6 -5 1 -5 -13z"/>
</g>
</svg>
Le fichier .svg ne contient pas de couleur.
Pour autant que je comprenne, le path définit le contour de la bordure de la bulle, avec un contour invisible et le contenu du contour en noir, mais ça ne définit pas un objet à l'intérieur duquel on pourrait donner une couleur.
Comment faire pour mettre une couleur dans ce contour et l'extérieur en transparent ?
Merci de votre aide, le SVG est un domaine que j'ignore complètement.
Modifié par PapyJP (19 Sep 2025 - 12:22)