mirror of https://gitee.com/openkylin/batik.git
228 lines
11 KiB
XML
228 lines
11 KiB
XML
|
<?xml version="1.0" standalone="no"?>
|
||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
|
||
|
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||
|
|
||
|
<!--
|
||
|
|
||
|
Licensed to the Apache Software Foundation (ASF) under one or more
|
||
|
contributor license agreements. See the NOTICE file distributed with
|
||
|
this work for additional information regarding copyright ownership.
|
||
|
The ASF licenses this file to You under the Apache License, Version 2.0
|
||
|
(the "License"); you may not use this file except in compliance with
|
||
|
the License. You may obtain a copy of the License at
|
||
|
|
||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
||
|
Unless required by applicable law or agreed to in writing, software
|
||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
See the License for the specific language governing permissions and
|
||
|
limitations under the License.
|
||
|
|
||
|
-->
|
||
|
<!-- ========================================================================= -->
|
||
|
<!-- Size of the Sun -->
|
||
|
<!-- -->
|
||
|
<!-- @author tkormann@apache.org -->
|
||
|
<!-- @version $Id: sizeOfSun.svg 1733420 2016-03-03 07:41:59Z gadams $ -->
|
||
|
<!-- ========================================================================= -->
|
||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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: 12;
|
||
|
}
|
||
|
]]>
|
||
|
</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>
|
||
|
|
||
|
<!-- ######################################################################### -->
|
||
|
<!--
|
||
|
<filter id="blur" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"
|
||
|
x="-10%" y="-25%" width="120%" height="150%" >
|
||
|
<feGaussianBlur stdDeviation="64 48" x="-10%" y="-25%" width="120%" height="150%" />
|
||
|
<feColorMatrix type="matrix" values="1.1 0 0 0 0 0 1.1 0 0 0 0 0 1.1 0 0 0 0 0 1.1 0" />
|
||
|
</filter>
|
||
|
-->
|
||
|
<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 x="-143" y="-500" width="2780" height="1000"/>
|
||
|
</clipPath>
|
||
|
<g id="sun">
|
||
|
<!--
|
||
|
<circle cx="1247" cy="0" r="1460" style="filter:url(#blur); fill:#ffb200;"/>
|
||
|
<ellipse cx="1247" cy="0" rx="1386" ry="1390" style="fill:black;"/>
|
||
|
-->
|
||
|
<circle cx="1247" cy="0" r="1390" style="fill:url(#sunGradient); clip-path:url(#clip)"/>
|
||
|
</g>
|
||
|
|
||
|
<!-- ######################################################################### -->
|
||
|
<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 280)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:24; text-anchor:middle; fill:white">Size of the Sun</text>
|
||
|
<g style="font-size:12; 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:12; 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>
|