Boo
@_ö
(13:59)  Bienvenue ! - Inscrivez vous pour poster ! -
@Boo + 13 inconnu(s)

Login :  Mot de passe :      Se souvenir de moi.  Mot de passe perdu ?
/!\:: Cliquez ici pour vous inscrire et poster, créer des sujets ou des forums ! ::/!\
 « - 1/1 - » :: Pages
 Index » Forum grAphisme :: Forum informatique & développement » XML, (X)HTML, CSS, JavaScript (1r) » SVGCSS dégradés « généralistes »
./Post de départ - SVGCSS dégradés « généralistes »
11.07.2003 - 51984
23:52  flanker - Posté : 24-03-2011  M

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 ? :(


<<< 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

./Publicité AdSense
./1
15.06.2003 - 7583
14:13  GoldenCrystal - Posté : 26-03-2011  @_ö

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é. %)


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
./Publicité AdSense
 « - 1/1 - » :: Pages
 Index » Forum grAphisme :: Forum informatique & développement » XML, (X)HTML, CSS, JavaScript (1r) » SVGCSS dégradés « généralistes »

./Poster un nouveau message. - Ouvrir dans une nouvelle fenêtre
Login : Mot de passe :

url - image - media  
spoiler - pre - fixed
quote - box - hr
poll - code





Smileys
Smileys perso
Pièce jointe
     Flood control (?) :    
Les messages postés sont la propriété de leurs auteurs. Nous ne sommes pas responsables de leurs contenus.

» yN ©1624 - Aide / Charte / Crédits
28ms | Statistiques