./1
- Posted On the 2011-03-24 at 11:52 pm Member since 2003-07-11, 49453 posts
Bonjour,

Je me retrouve avec un dessin SVG avec plein d'objets (des cercles) des différentes couleurs de l'arc-en-ciel. Cependant, comme je trouve ça assez moche, j'aimerais bien les remplir avec des dégradés, histoire de faire plus joli.
Faire un dégradé en SVG, ce n'est pas compliqué :

<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<radialGradient id="degrade" cx="50%" cy="50%" r="100%" y2="0%" spreadMethod="pad" gradientUnits="objectBoundingBox" fx="40%" fy="40%" >
<stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:1."/>
<stop offset="100%" style="stop-opacity:.0"/>
</radialGradient>
</defs>
<ellipse cx="550" cy="300" rx="122" ry="122" style="fill:#CCCCFF;"/>
<ellipse cx="550" cy="300" rx="122" ry="122" style="fill:#CCCCFF; fill:url(#degrade)"/>
<ellipse cx="150" cy="300" rx="122" ry="122" style="fill:#CCCCFF; fill:url(#degrade)"/>
</svg>

Malheureusement, avec ce que j'ai trouvé, soit je fais un dégradé par couleur, soit je fais un second cercle au-dessus, avec le dégradé légèrement transparent. N'y a-t-il pas moyen de faire un fill-color en deux couches ? sad
avatar <<< Kernel Extremist©®™ >>>
Aviations Militaires
<Vertyos> un poil plus mais elle suce bien quand même la mienne ^^
<Sabrina`> tinkiete flan c juste qu'ils sont jaloux que je te trouve aussi appetissant
./2
- Posted On the 2011-03-26 at 02:13 pm Member since 2003-06-15, 8010 posts
En fait ton problème c'est que tu voudrais avoir un truc comme les arrières-plans multiples en CSS3/HTML, mais en SVG, c'est bien ça ?
Je m'y connais pas des masses en SVG (tout ce que j'ai jamais réalisé en SVG/HTML ce sont des pie-chart tout ce qu'il y a de plus standard (plats)), mais je ne crois pas que ce soit possible… Faudrait voir si Inkscape le permet (vu que son format « natif » est le SVG), sachant que je n'ai jamais vu cette possibilité pour l'instant… (Je ne l'ai pas non plus vraiment recherchée)
En attendant, faire un dégradé par couleur ne me semble pas être la pire des solutions. C'est plutôt standard comme méthode, et aussi assez sensé. cheeky
avatar Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes