You are viewing a plain text version of this content. The canonical link for it is here.
Posted to batik-dev@xmlgraphics.apache.org by tk...@apache.org on 2001/01/02 08:41:28 UTC
cvs commit: xml-batik/samples sizeOfSun.svg
tkormann 01/01/01 23:41:28
Added: samples sizeOfSun.svg
Log:
new sample
Revision Changes Path
1.1 xml-batik/samples/sizeOfSun.svg
Index: sizeOfSun.svg
===================================================================
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">
<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved. -->
<!-- -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in -->
<!-- the LICENSE file. -->
<!-- ========================================================================= -->
<!-- ========================================================================= -->
<!-- Size of the Sun -->
<!-- -->
<!-- @author tkormann@apache.org -->
<!-- @version $Id: sizeOfSun.svg,v 1.1 2001/01/02 07:41:28 tkormann Exp $ -->
<!-- ========================================================================= -->
<svg width="450" height="500" viewBox="0 0 450 500" xml:space="preserve">
<title>Size of the Sun</title>
<rect id="background" x="0" y="0" width="100%" height="100%" style="fill:black"/>
<style type="text/css"><![CDATA[
.planet {
text-anchor:middle;
font-family: Helvetica;
font-size: 12pt;
}
]]>
</style>
<defs>
<!-- ######################################################################### -->
<radialGradient id="mercuryGradient" fx=".3" fy=".3">
<stop style="stop-color:white" offset=".1"/>
<stop style="stop-color:#444" offset="1"/>
</radialGradient>
<g id="mercury" transform="scale(.1)" class="planet">
<circle transform="scale(10)" cx="0" cy="0" r="5" style="fill:url(#mercuryGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#mercuryLegend"/></text>
<text id="mercuryLegend" x="0" y="0" style="fill:white">Mercury</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="venusGradient" fx=".3" fy=".3">
<stop style="stop-color:cyan" offset=".1"/>
<stop style="stop-color:blue" offset="1"/>
</radialGradient>
<g id="venus" transform="scale(.2)" class="planet">
<circle transform="scale(5)" cx="0" cy="0" r="12" style="fill:url(#venusGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#venusLegend"/></text>
<text id="venusLegend" x="0" y="0" style="fill:white">Venus</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="earthGradient" fx=".3" fy=".3">
<stop style="stop-color:white" offset=".1"/>
<stop style="stop-color:blue" offset="1"/>
</radialGradient>
<g id="earth" transform="scale(.2)" class="planet">
<circle transform="scale(5)" cx="0" cy="0" r="13" style="fill:url(#earthGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#earthLegend"/></text>
<text id="earthLegend" x="0" y="0" style="fill:white">Earth</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="marsGradient" fx=".3" fy=".3">
<stop style="stop-color:orange" offset=".1"/>
<stop style="stop-color:black" offset="1"/>
</radialGradient>
<g id="mars" transform="scale(.2)" class="planet">
<circle transform="scale(5)" cx="0" cy="0" r="7" style="fill:url(#marsGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#marsLegend"/></text>
<text id="marsLegend" x="0" y="0" style="fill:white">Mars</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="jupiterGradient" fx=".3" fy=".3">
<stop style="stop-color:red" offset="0"/>
<stop style="stop-color:#aa0000" offset=".8"/>
<stop style="stop-color:#660000" offset="1"/>
</radialGradient>
<g id="jupiter" transform="scale(2)" class="planet">
<circle transform="scale(.5)" cx="0" cy="0" r="143" style="fill:url(#jupiterGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#jupiterLegend"/></text>
<text id="jupiterLegend" x="0" y="0" style="fill:white">Jupiter</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="saturnGradient" fx=".3" fy=".3">
<stop style="stop-color:yellow" offset=".1"/>
<stop style="stop-color:orange" offset="1"/>
</radialGradient>
<radialGradient id="ray" fx=".5" fy=".5">
<stop style="stop-color:yellow" offset=".3"/>
<stop style="stop-color:Sienna" offset="1"/>
</radialGradient>
<g id="saturn" transform="scale(2)" class="planet">
<g transform="scale(.5)">
<circle cx="0" cy="0" r="121" style="fill:url(#saturnGradient)"/>
<g transform="rotate(45)">
<path d="M-119 -21 L-120 -14 A180 20 180 1 0 120 -14 L119 -21 A240 25 180 1 1 -119 -21" style="fill:url(#ray)"/>
<path d="M-119 -24 L-120 -22 A250 28 180 1 0 120 -22 L119 -24 A300 30 180 1 1 -119 -24" style="fill:url(#ray)"/>
</g>
</g>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#saturnLegend"/></text>
<text id="saturnLegend" x="0" y="0" style="fill:white">Saturn</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="uranusGradient" fx=".3" fy=".3">
<stop style="stop-color:#00aa00" offset=".1"/>
<stop style="stop-color:green" offset="1"/>
</radialGradient>
<g id="uranus" class="planet">
<circle cx="0" cy="0" r="51" style="fill:url(#uranusGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#uranusLegend"/></text>
<text id="uranusLegend" x="0" y="0" style="fill:white">Uranus</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="neptuneGradient" fx=".3" fy=".3">
<stop style="stop-color:CornFlowerBlue" offset=".1"/>
<stop style="stop-color:MediumBlue" offset="1"/>
</radialGradient>
<g id="neptune" class="planet">
<circle cx="0" cy="0" r="50" style="fill:url(#neptuneGradient)"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#neptuneLegend"/></text>
<text id="neptuneLegend" x="0" y="0" style="fill:white">Neptune</text>
</g>
<!-- ######################################################################### -->
<g id="pluto" transform="scale(.05)" class="planet">
<circle transform="scale(20)" cx="0" cy="0" r="2" style="fill:#eeaa88"/>
<text x="1" y="1" style="fill:black" ><tref xlink:href="#plutoLegend"/></text>
<text id="plutoLegend" x="0" y="0" style="fill:white">Pluto</text>
</g>
<!-- ######################################################################### -->
<radialGradient id="sunGradient" fx=".3" fy=".3">
<stop style="stop-color:white" offset=".1"/>
<stop style="stop-color:Gold" offset=".8"/>
<stop style="stop-color:orange" offset="1"/>
</radialGradient>
<clipPath id="clip">
<rect id="clip" x="-143" y="-500" width="2780" height="1000"/>
</clipPath>
<circle id="sun" cx="1247" cy="0" r="1390" style="fill:url(#sunGradient); clip-path:url(#clip)"/>
<!-- ######################################################################### -->
<g id="line">
<use xlink:href="#jupiter" transform="translate(0 0)"/>
<use xlink:href="#saturn" transform="translate(264 0)"/>
<use xlink:href="#uranus" transform="translate(436 0)"/>
<use xlink:href="#neptune" transform="translate(537 0)"/>
<use xlink:href="#earth" transform="translate(600 0)"/>
<use xlink:href="#venus" transform="translate(625 0)"/>
<use xlink:href="#mars" transform="translate(644 0)"/>
<use xlink:href="#mercury" transform="translate(656 0)"/>
<use xlink:href="#pluto" transform="translate(663 0)"/>
</g>
</defs>
<!-- ######################################################################### -->
<!-- ######################################################################### -->
<g id="body">
<g transform="translate(50 300)scale(.14)">
<use xlink:href="#sun"/>
<g style="fill:none; stroke:black">
<line x1="665" y1="-300" x2="665" y2="0"/>
<line x1="1473" y1="-300" x2="1473" y2="0"/>
<line x1="2281" y1="-300" x2="2281" y2="0"/>
</g>
<use xlink:href="#line" transform="translate(0 0)"/>
<use xlink:href="#line" transform="translate(808 0)"/>
<use xlink:href="#line" transform="translate(1616 0)"/>
<g transform="translate(2402 0)">
<use xlink:href="#saturn" transform="translate(0 0)"/>
<use xlink:href="#earth" transform="translate(134 0)"/>
<use xlink:href="#earth" transform="translate(160 0)"/>
<use xlink:href="#earth" transform="translate(186 0)"/>
<use xlink:href="#earth" transform="translate(212 0)"/>
<use xlink:href="#mercury" transform="translate(230 0)"/>
</g>
</g>
<g id="legend" style="font-family:Helvetica">
<text x="50%" y="50" style="font-size:24pt; text-anchor:middle; fill:white">Size of the Sun</text>
<g style="font-size:12pt; text-anchor:middle; fill:white">
<text x="50%" y="100">You could line up all of the planets along the</text>
<text x="50%" y="114">Sun's 1,392,000 kilometer equator three times and still have room left</text>
<text x="50%" y="128">for 1 Saturn, 4 Earths, and a Mercury.</text>
</g>
<g style="font-size:12pt; text-anchor:end; fill:black">
<text x="144" y="250">One time...</text>
<text x="257" y="250">Two times...</text>
<text x="370" y="250">3 times...</text>
</g>
</g>
</g>
<!-- ============================================================= -->
<!-- Batik sample mark -->
<!-- ============================================================= -->
<use xlink:href="batikLogo.svg#Batik_Tag_Box" />
</svg>