1
<?xml version="1.0" standalone="no"?>
7
To get started with SVG, I'd recommend getting the Adobe SVG plugin, and the
8
xml-batik CVS module. Then have a look at the xml-batik/samples files. Use the
9
SVG spec (http://www.w3.org/TR/SVG/) as a reference.
13
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
14
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
16
<svg xmlns="http://www.w3.org/2000/svg"
17
xmlns:xlink="http://www.w3.org/1999/xlink"
18
xmlns:for="http://xml.apache.org/forrest" width="220" height="65" >
19
<title>Anteater logo</title>
24
<radialGradient id="radialGradient">
25
<stop style="stop-color:gold" offset="0"/>
26
<stop style="stop-color:orange" offset=".5"/>
27
<stop style="stop-color:crimson" offset="1"/>
29
<linearGradient id="linearGradient">
30
<stop style="stop-color:gold" offset="0"/>
31
<stop style="stop-color:orange" offset=".5"/>
32
<stop style="stop-color:crimson" offset="1"/>
36
<linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
37
<stop style="stop-color:white" offset="0"/>
38
<stop style="stop-color:lightgreen" offset="1"/>
41
<filter id="shadowFilter" filterUnits="objectBoundingBox">
42
<!-- Takes the alpha channel (black outline of the text), blurs it and saves as 'blur' -->
43
<feGaussianBlur in="SourceAlpha" stdDeviation="2 2" result="blur"/>
44
<!-- Takes saved 'blur' and offsets it by 4 pixels, saves as 'offsetBlur' -->
45
<feOffset in="blur" dx="4" dy="4" result="offsetBlur"/>
46
<!-- Merges SourceGraphic (original image) and 'offsetBlur', putting the
47
former 'over' the latter, and using the merged result as the finished
49
<feComposite in="SourceGraphic" in2="offsetBlur" operator="over"/>
54
<g filter="url(#shadowFilter)" fill="url(#gradient)">
55
<text x="51%" y="75%" style="font-size:32pt; font-family:Verdana ; text-anchor: middle" >