nicht angemeldet
Hallo werte Selfgemeinde!
Ich bin ein absoluter Noob wenn es um Vektorgrafiken, speziell SVG, geht.
Von daher bitte Nachsicht üben - danke! ;-)
Ich habe folgende Grafik:
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="500" height="500" xml:space="preserve" preserveAspectRatio="xMidYMid meet">
<polygon points="572.223,-387 500,499.999 427.777,-386.999 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon4" style="opacity:0.2" />
<polygon points="871.238,-308.807 500,499.999 735.504,-358.209 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon6" style="opacity:0.2" />
<polygon points="1125.478,-133.059 500,499.999 1014.826,-225.906 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon8" style="opacity:0.2" />
<polygon points="1304.275,119.045 500,499.999 1232.053,-6.048 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon10" style="opacity:0.2" />
<polygon points="1386.065,417.098 500,499.999 1360.982,274.847 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon12" style="opacity:0.2" />
<polygon points="1360.982,725.149 500,499.999 1386.064,582.898 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon14" style="opacity:0.2" />
<polygon points="1232.053,1006.044 500,499.999 1304.275,880.951 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon16" style="opacity:0.2" />
<polygon points="1014.826,1225.902 500,499.999 1125.479,1133.055 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon18" style="opacity:0.2" />
<polygon points="735.505,1358.206 500,499.999 871.238,1308.803 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon20" style="opacity:0.2" />
<polygon points="427.778,1386.996 500,499.999 572.223,1386.996 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon22" style="opacity:0.2" />
<polygon points="128.762,1308.803 500,499.999 264.496,1358.205 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon24" style="opacity:0.2" />
<polygon points="-125.477,1133.055 500,499.999 -14.826,1225.902 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon26" style="opacity:0.2" />
<polygon points="-304.274,880.951 500,499.999 -232.052,1006.044 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon28" style="opacity:0.2" />
<polygon points="-386.064,582.898 500,499.999 -360.981,725.148 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon30" style="opacity:0.2" />
<polygon points="-360.981,274.847 500,499.999 -386.063,417.098 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon32" style="opacity:0.2" />
<polygon points="-232.051,-6.049 500,499.999 -304.273,119.045 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon34" style="opacity:0.2" />
<polygon points="-14.825,-225.907 500,499.999 -125.476,-133.059 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon36" style="opacity:0.2" />
<polygon points="264.498,-358.211 500,499.999 128.763,-308.807 " transform="matrix(0.28053959,0,0,0.28053959,109.73006,109.73077)" id="polygon38" style="opacity:0.2" />
</svg>
Das sieht dann so aus: SVG Grafik
Jetzt würde ich gerne die Strahlen nach außen hin transparent werden lassen.
Wie mach' ich das?
Ich hatte die Frage auch schon bei stackoverflow gestellt.
Die dortige Antwort schlägt die Verwendung von <radialGradient> für die Polygone vor. Das führt aber nicht unbedingt zum gewünschten Ergebnis, da damit kein linearer Transparenzverlauf erzielt wird.
Und <linearGradient> hat das "Problem", dass x1,y1 und x2,y2 ja für jedes Polygon unterschiedlich sein müssten.
Gibt es dafür eine möglichst einfache Lösung?
Besten Dank im Voraus!
Gruß Gunther
PS: Falls es hilfreich ist - ich habe neben einem "normalen" Editor auch Inkscape und CorelDraw X5 zur Verfügung (kenne mich allerdings, wie eingangs bereits erwähnt, mit beiden nicht besonders gut aus).