|
<?xml
version="1.0" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="400" height="400" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<title>Radiale Verlaeufe</title>
<defs>
<style type="text/css"><![CDATA[
text {
font-size: 8pt;
fill: #000099;
}
]]></style>
<radialGradient
id="einfacherVerlauf">
<stop offset="5%"
stop-color="red"/>
<stop offset="95%"
stop-color="blue"/>
</radialGradient>
<radialGradient fx="20%" fy="20%"
id="focalpoint_Verlauf">
<stop offset="0%"
stop-color="red"/>
<stop offset="25%"
stop-color="blue"/>
<stop offset="75%"
stop-color="red"/>
<stop offset="100%"
stop-color="blue"/>
</radialGradient>
<radialGradient cx="50%" cy="0%"
r="50%" id="eigenerKreis_Verlauf">
<stop offset="0%"
stop-color="red"/>
<stop offset="25%"
stop-color="blue"/>
<stop offset="75%"
stop-color="red"/>
<stop offset="100%"
stop-color="yellow"/>
</radialGradient>
<radialGradient xlink:href="#eigenerKreis_Verlauf"
spreadMethod="reflect" id="spread_reflect_Verlauf"/>
<radialGradient xlink:href="#eigenerKreis_Verlauf"
spreadMethod="repeat" id="spread_repeat_Verlauf"/>
</defs>
<rect x="5" y="5" width="100"
height="100" fill="url(#einfacherVerlauf)"/>
<text x="5" y="120">Einfacher Verlauf ohne
Attribute</text>
<rect x="200" y="5" width="100"
height="100" fill="url(#focalpoint_Verlauf)"/>
<text x="200" y="120">Verlauf mit verschobenen
focal point</text>
<rect x="5" y="130" width="100"
height="100" fill="url(#eigenerKreis_Verlauf)"/>
<text x="5" y="250">Verlauf mit verschobenen
Aussenkreis...</text>
<rect x="200" y="130" width="100"
height="100" fill="url(#spread_reflect_Verlauf)"/>
<text x="200" y="250">...und spreadMethod="reflect"</text>
<rect x="5" y="260" width="100"
height="100" fill="url(#spread_repeat_Verlauf)"/>
<text x="5" y="380">...bzw. spreadMethod="repeat"</text>
<text x="160" y="300">Diese letzten zwei
Verlaeufe nutzen die </text>
<text x="160" y="320">Moeglichkeit, andere
Verlaeufe zu referenzieren.</text>
</svg>
|
|
