[libxml2]Add libxml2 library
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Four separate rectangles
|
||||
</desc>
|
||||
<rect width="20" height="60"/>
|
||||
<rect width="30" height="70"/>
|
||||
<rect width="40" height="80"/>
|
||||
<rect width="50" height="90"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 378 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This valid svg document draws a triangle which is a hyperlink
|
||||
</desc>
|
||||
<a href="http://www.w3.org">
|
||||
<p d="M 0 0 L 200 0 L 100 200 Z"/>
|
||||
</a>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 351 B |
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<desc>This well formed svg document draws a triangle which is a hyperlink
|
||||
</desc>
|
||||
<a xml:link="simple" show="replace" actuate="user" href="http://www.w3.org">
|
||||
<p d="M 0 0 L 200 0 L 100 200 Z"/>
|
||||
</a>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 356 B |
@@ -0,0 +1,41 @@
|
||||
<?xml version="1.0"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<!--DOCTYPE svg SYSTEM "svg-19990412.dtd"-->
|
||||
<svg width="4in" height="3in">
|
||||
<title>Kona Lavadome mountain bike
|
||||
</title>
|
||||
<desc>This picture shows a mountain bike, a human-propelled,
|
||||
multi-terrain vehicle. While it can be succesfully used on moorland,
|
||||
forest, roads, and large hills it is not actually suitable for going
|
||||
up mountains.
|
||||
</desc>
|
||||
<g id="bike">
|
||||
<defs>
|
||||
<symbol id="spoke"><desc>14/12 gauge double butted spoke</desc>
|
||||
<!-- the path data goes here --></symbol>
|
||||
|
||||
<symbol id="hub"><desc>black anodised low torsion hub</desc>
|
||||
<!--the path data goes here --></symbol>
|
||||
|
||||
<symbol id="rim"><desc>twin wall, eyeletted rim</desc>
|
||||
<!-- the path data goes here--></symbol>
|
||||
|
||||
<symbol id="cogs"><desc>8 speed, wide ratio gearing</desc>
|
||||
<!--the path data goes here --></symbol>
|
||||
|
||||
<symbol id="lacing"><desc>double cross lacing of 32 spokes</desc>
|
||||
</symbol>
|
||||
</defs>
|
||||
<!-- the overall bike drawing goes here -->
|
||||
<g id="frontwheel">
|
||||
<title>Front wheel</title>
|
||||
<desc>The front wheel provides grip, steering and some shock absorption</desc>
|
||||
<use href="id(lacing)" style="rotation: 20deg; fillcolor: black"/>
|
||||
</g>
|
||||
<g id="backwheel">
|
||||
</g>
|
||||
<g id="frame"><!-- and so on -->
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This is a blue circle with a red outline
|
||||
</desc>
|
||||
<g>
|
||||
<circle style="fill: blue; stroke: red"
|
||||
cx="200" cy="200" r="100"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 330 B |
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN" "http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<rect id="TemplateObject01" width="100" height="37.34"/>
|
||||
<lineargradient id="Gradient01">
|
||||
<gradientstop offset="30%" color="#39F"/>
|
||||
</lineargradient>
|
||||
</defs>
|
||||
<desc>Defining things for later use
|
||||
</desc>
|
||||
<!-- SVG elements in here would reference/use
|
||||
the elements defined in the <defs> -->
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 525 B |
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg SYSTEM "http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<g>
|
||||
<title>
|
||||
Company sales by region
|
||||
</title>
|
||||
<desc>
|
||||
This is a bar chart which shows
|
||||
company sales by region.
|
||||
</desc>
|
||||
<!-- Bar chart defined as vector data -->
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 349 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This is an ellipse, axis aligned and centered on the origin
|
||||
</desc>
|
||||
<g>
|
||||
<ellipse major="85" minor="45"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 322 B |
@@ -0,0 +1,44 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="800px" height="800px">
|
||||
<desc>This sample SVG file draws a flower</desc>
|
||||
<g style="transform: matrix(1 0 0 -1 -25.88 798.60);
|
||||
stroke: #000; stroke-width: 1" >
|
||||
<path style="fill: #1A5466" d = "m 242.33 684.19
|
||||
C 346.44 757.48 271.45 647.38 213.17 641.37
|
||||
C 271.45 647.38 383.43 575.21 256.71 613.30
|
||||
C 383.43 575.21 251.04 565.90 205.23 609.68
|
||||
C 251.04 565.90 265.13 432.88 210.71 557.95
|
||||
C 265.13 432.88 175.04 531.37 175.67 596.26
|
||||
C 175.04 531.37 80.63 437.67 138.96 559.82
|
||||
C 80.63 437.67 100.67 569.80 146.75 611.20
|
||||
C 100.67 569.80 -31.14 585.98 95.49 617.49
|
||||
C -31.14 585.98 83.94 652.25 140.24 643.26
|
||||
C 83.94 652.25 13.98 766.12 113.04 687.55
|
||||
C 13.98 766.12 137.45 716.63 161.05 668.30
|
||||
C 137.45 716.63 182.02 842.45 178.39 717.23
|
||||
C 182.02 842.45 220.90 714.46 193.51 667.46
|
||||
C 220.90 714.46 346.44 757.48 242.33 684.19 z" />
|
||||
<path style="fill: #34AACD" d = "M 235.33 691.19
|
||||
C 339.44 764.48 264.45 654.38 206.17 648.37
|
||||
C 264.45 654.38 376.43 582.21 249.71 620.30
|
||||
C 376.43 582.21 244.04 572.90 198.23 616.68
|
||||
C 244.04 572.90 258.13 439.88 203.71 564.95
|
||||
C 258.13 439.88 168.04 538.37 168.67 603.26
|
||||
C 168.04 538.37 73.63 444.67 131.96 566.82
|
||||
C 73.63 444.67 93.67 576.80 139.75 618.20
|
||||
C 93.67 576.80 -38.14 592.98 88.49 624.49
|
||||
C -38.14 592.98 76.94 659.25 133.24 650.26
|
||||
C 76.94 659.25 6.98 773.12 106.04 694.55
|
||||
C 6.98 773.12 130.45 723.63 154.05 675.30
|
||||
C 130.45 723.63 175.02 849.45 171.39 724.23
|
||||
C 175.02 849.45 213.90 721.46 186.51 674.46
|
||||
C 213.90 721.46 339.44 764.48 235.33 691.19 z" />
|
||||
<path style="fill: #F881BF" d = "M 199.44 634.43
|
||||
C 199.44 622.16 189.19 612.21 176.54 612.21
|
||||
C 163.89 612.21 153.63 622.16 153.63 634.43
|
||||
C 153.63 646.71 163.89 656.66 176.54 656.66
|
||||
C 189.19 656.66 199.44 646.71 199.44 634.43 z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN" "http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Gradient example
|
||||
</desc>
|
||||
<g>
|
||||
<defs>
|
||||
<lineargradient id="MyGradient">
|
||||
<!-- Define linear gradient here -->
|
||||
<gradientstop offset="0%" color="#F60"/>
|
||||
<gradientstop offset="70%" color="#FF6"/>
|
||||
</lineargradient>
|
||||
</defs>
|
||||
<rect style="fill: url(#MyGradient)" width="20" height="15.8"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 543 B |
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Two groups, each of two rectangles
|
||||
</desc>
|
||||
<g style="fillcolor:red">
|
||||
<rect x="100" y="100" width="100" height="100" />
|
||||
<rect x="300" y="100" width="100" height="100" />
|
||||
</g>
|
||||
<g style="fillcolor:blue">
|
||||
<rect x="100" y="300" width="100" height="100" />
|
||||
<rect x="300" y="300" width="100" height="100" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 539 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Two named groups
|
||||
</desc>
|
||||
<g id="OBJECT1">
|
||||
<rect x="100" y="100" width="100" height="100" />
|
||||
</g>
|
||||
<g id="OBJECT2">
|
||||
<circle cx="150" cy="300" r="25" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 378 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Groups can nest
|
||||
</desc>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 287 B |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This graphic links to an external image
|
||||
</desc>
|
||||
<image x="200" y="200" style="width: 100px; height: 100px"
|
||||
href="myimage.png">
|
||||
<title>My image</title>
|
||||
</image>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 376 B |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns='http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<desc>This links to an external image
|
||||
</desc>
|
||||
<image x="200" y="200" style="width: 100px; height: 100px"
|
||||
xml:link = 'simple' show = 'embed' actuate = 'auto'
|
||||
href="myimage.png">
|
||||
<title>My image</title>
|
||||
</image>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 372 B |
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Linear gradient example
|
||||
</desc>
|
||||
<g>
|
||||
<defs>
|
||||
<lineargradient id="MyGradient">
|
||||
<gradientstop offset="0%" color="#F60"/>
|
||||
<gradientstop offset="70%" color="#FF6"/>
|
||||
</lineargradient>
|
||||
</defs>
|
||||
<rect style="fill: url(#MyGradient)" width="20" height="15.8"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 508 B |
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<symbol id="Triangle" min-x="0" min-y="0" max-x="100"
|
||||
max-y="100" ref-x="0" ref-y="50">
|
||||
<path d="M 0 0 L 0 100 L 100 50 z"/>
|
||||
</symbol>
|
||||
</defs>
|
||||
<desc>An double-headed arrow example using markers
|
||||
</desc>
|
||||
<path d="M0 0">
|
||||
<!-- Place an arrowhead rotated 180 degrees at the
|
||||
beginning of the path -->
|
||||
<marker href="#Triangle" width="200" height="200"
|
||||
style="text-transform: rotate(180)"/>
|
||||
<data d="M 2000 2000"/>
|
||||
|
||||
<!-- Turn off markers in the middle of the path -->
|
||||
<marker href=""/>
|
||||
<data d="L 4000 2000 L 4000 4000"/>
|
||||
|
||||
<!-- Place an arrowhead at the end of the path-->
|
||||
<marker href="#Triangle" width="200" height="200"/>
|
||||
<data d="L 6000 4000"/>
|
||||
</path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 960 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Example of using a mask
|
||||
</desc>
|
||||
<g>
|
||||
<defs>
|
||||
<image id="MyMask" href="transp.png"></image>
|
||||
</defs>
|
||||
<rect style="mask: url(#MyMask)" width="12.5" height="30" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 392 B |
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<desc>This example uses the switch element to provide a
|
||||
fallback graphical representation of an equation, if
|
||||
MathML is not supported.
|
||||
</desc>
|
||||
<!-- The <switch> element will process the first child element
|
||||
whose testing attributes evaluate to true.-->
|
||||
<switch>
|
||||
|
||||
<!-- Process the MathML if the system-required attribute
|
||||
evaluates to true (i.e., the user agent supports MathML
|
||||
embedded within SVG). -->
|
||||
<foreignobject
|
||||
system-required="http://www.w3.org/TR/REC-MathML-19980407"
|
||||
width="100" height="50">
|
||||
<!-- MathML content goes here -->
|
||||
</foreignobject>
|
||||
|
||||
<!-- Else, process the following alternate SVG.
|
||||
Note that there are no testing attributes on the <g> element.
|
||||
If no testing attributes are provided, it is as if there
|
||||
were testing attributes and they evaluated to true.-->
|
||||
<g>
|
||||
<!-- Draw a red rectangle with a text string on top. -->
|
||||
<rect style="fill: red"/>
|
||||
<text>Formula goes here</text>
|
||||
</g>
|
||||
|
||||
</switch>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0"?>
|
||||
<ABC xmlns="http://parent.name.space"
|
||||
xmlns:svg="http://www.w3.org/Graphics/SVG/1.0">
|
||||
<!-- document in the parent namespace -->
|
||||
<svg:svg width="40%" height="40%">
|
||||
<svg:rectangle width="43.6" height="31.5"/>
|
||||
<!-- svg graphic continues -->
|
||||
</svg:svg>
|
||||
<!-- document in parent namespace continues -->
|
||||
</ABC>
|
||||
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<path d="M 100 100 L 140 100 L 120 140 z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 185 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<path d="M 100 100">
|
||||
<data d="L 140 100"/>
|
||||
<data d="L 120 140"/>
|
||||
<data d="z"/>
|
||||
</path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 297 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<symbol id="fourstar">
|
||||
<!-- Define the pattern using standard graphics elements
|
||||
such as paths, images, text and shapes -->
|
||||
</symbol>
|
||||
</defs>
|
||||
<ellipse style="fill: url(#fourstar)" major="40" minor="27" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 438 B |
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>A sample polyline, and equivalent path
|
||||
</desc>
|
||||
<polyline verts="20,20 50,100 200,80 70,300"/>
|
||||
<path d="M20,20 L50,100 L200,80 L70,300"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 344 B |
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<defs>
|
||||
<private xmlns:myapp="http://mycompany/mapapp" >
|
||||
<myapp:piechart title="Sales by Region">
|
||||
<myapp:piece label="Northern Region" value="1.23"/>
|
||||
<myapp:piece label="Eastern Region" value="2.53"/>
|
||||
<myapp:piece label="Southern Region" value="3.89"/>
|
||||
<myapp:piece label="Western Region" value="2.04"/>
|
||||
<!-- Other private data goes here -->
|
||||
</myapp:piechart>
|
||||
</private>
|
||||
</defs>
|
||||
<desc>This chart includes private data in another namespace
|
||||
</desc>
|
||||
<!-- In here would be the actual graphics elements which
|
||||
draw the pie chart -->
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 760 B |
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Radial gradient example with three gradient stops
|
||||
</desc>
|
||||
<g>
|
||||
<defs>
|
||||
<radialgradient id="MyGradient">
|
||||
<gradientstop offset="0%" color="white"/>
|
||||
<gradientstop offset="50%" color="red"/>
|
||||
<gradientstop offset="100%" color="black"/>
|
||||
</radialgradient>
|
||||
</defs>
|
||||
<circle style="fill: url(#MyGradient)" r="42"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 574 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This is a rectangle
|
||||
</desc>
|
||||
<g>
|
||||
<rect x="20" y="30" width="100" height="80"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 295 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns="http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<desc xmlns:mydoc="http://foo.org/mydoc">
|
||||
<mydoc:title>This is an example SVG file</mydoc:title>
|
||||
<mydoc:para>The global description uses markup from the
|
||||
<mydoc:emph>mydoc</mydoc:emph> namespace.</mydoc:para>
|
||||
</desc>
|
||||
<g>
|
||||
<!-- the picture goes here -->
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 439 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<script><![CDATA[
|
||||
/* Beep on mouseclick */
|
||||
MouseClickHandler() { beep(); }
|
||||
]]>
|
||||
</script>
|
||||
</defs>
|
||||
<circle onclick="MouseClickHandler()" r="85"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 379 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<parent xmlns="http://someplace.org"
|
||||
xmlns:svg="http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<!-- parent stuff here -->
|
||||
<svg:svg width="5cm" height="8cm">
|
||||
<svg:ellipse major="200" minor="130" />
|
||||
</svg:svg>
|
||||
<!-- ... -->
|
||||
</parent>
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<style><![CDATA[
|
||||
.TitleText { font-size: 16; font-family: Helvetica } ]]>
|
||||
</style>
|
||||
</defs>
|
||||
<text class="TitleText">Here is my title</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 361 B |
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<smil>
|
||||
<body>
|
||||
<!-- The SMIL <switch> element will process the
|
||||
first child element which tests true and skip
|
||||
past all others. -->
|
||||
<switch>
|
||||
|
||||
<!-- The system-required attribute tests to see if
|
||||
the user agent supports SVG. If true, then
|
||||
render the file drawing.svg. -->
|
||||
<ref system-required="http://www.w3.org/Graphics/SVG/svg-19990412.dtd"
|
||||
type="image/svg" src="drawing.svg" />
|
||||
|
||||
<!-- Else, render the alternate image. -->
|
||||
<img src="alternate_image.jpg" />
|
||||
</switch>
|
||||
</body>
|
||||
</smil>
|
||||
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<symbol id="TemplateObject01">
|
||||
<!-- symbol definition here -->
|
||||
</symbol>
|
||||
</defs>
|
||||
|
||||
<desc>Examples of inline and referenced content
|
||||
</desc>
|
||||
|
||||
<!-- <g> with inline content -->
|
||||
<g>
|
||||
<!-- Inline content goes here -->
|
||||
</g>
|
||||
|
||||
<!-- referenced content -->
|
||||
<use href="#TemplateObject01" />
|
||||
|
||||
<!-- <g> with both referenced and inline content -->
|
||||
<g>
|
||||
<use href="#TemplateObject01" />
|
||||
<!-- Inline content goes here -->
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 679 B |
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<desc>This well formed svg document contains a hyperlink
|
||||
</desc>
|
||||
<a xml:link="simple" show="replace" actuate="user" href="http://www.w3.org">
|
||||
<p d="M 0 0 L 200 0 L 100 200 Z"/>
|
||||
</a>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 322 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<text id="TextToUse">XYZ</text>
|
||||
</defs>
|
||||
<text>ABC</text>
|
||||
<text>
|
||||
<src href="#TextToUse"/>
|
||||
</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 318 B |
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<defs>
|
||||
<textflow id="TF1">
|
||||
<t href="#T1"/>
|
||||
<t href="#T3"/>
|
||||
</textflow>
|
||||
<textflow id="TF2">
|
||||
<t href="#T2"/>
|
||||
<t href="#T4"/>
|
||||
</textflow>
|
||||
</defs>
|
||||
<text x="100" y="100" id="T1"><tf href="#TF1">123</tf></text>
|
||||
<text x="100" y="200" id="T2"><tf href="#TF2">ABC</tf></text>
|
||||
<text x="150" y="100" id="T3"><tf href="#TF1">456</tf></text>
|
||||
<text x="150" y="200" id="T4"><tf href="#TF2">DEF</tf></text></svg>
|
||||
|
After Width: | Height: | Size: 595 B |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<textflow id="TF1">
|
||||
<text x="100" y="100">123</text>
|
||||
<text>456</text>
|
||||
</textflow>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 238 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Simple text on a path
|
||||
</desc>
|
||||
<path id="MyPath" style="visibility: hidden"
|
||||
d="M 100 100 C 125 125 175 125 200 100" />
|
||||
<text><textpath href="#MyPath"/>Text on path</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 386 B |
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<defs>
|
||||
<symbol id="Triangle1"
|
||||
min-x="0" min-y="0" max-x="300" max-y="200">
|
||||
<path d="M 50 0 L 50 200 L 250 0 z"/>
|
||||
</symbol>
|
||||
<symbol id="Triangle2"
|
||||
min-x="0" min-y="0" max-x="300" max-y="200">
|
||||
<path d="M 50 0 L 250 200 L 250 0 z"/>
|
||||
</symbol>
|
||||
</defs>
|
||||
|
||||
<desc>General graphics on a path
|
||||
</desc>
|
||||
|
||||
<text>
|
||||
<textpath href="#MyPath"/>
|
||||
<use href="#Triangle1"/>
|
||||
<use href="#Triangle2"/>
|
||||
<use href="#Triangle1"/>
|
||||
<use href="#Triangle2"/>
|
||||
<use href="#Triangle1"/>
|
||||
<use href="#Triangle2"/>
|
||||
<use href="#Triangle1"/>
|
||||
<use href="#Triangle2"/>
|
||||
<use href="#Triangle1"/>
|
||||
<use href="#Triangle2"/>
|
||||
</text>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 908 B |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Demonstration of coordinate transforms
|
||||
</desc>
|
||||
<!-- The following two text elements will both draw with a
|
||||
font height of 12 pixels -->
|
||||
<text style="font-size: 12">This prints 12 pixels high.</text>
|
||||
<text style="font-size: 12px">This prints 12 pixels high.</text>
|
||||
|
||||
<!-- Now scale the coordinate system by 2. -->
|
||||
<g style="transform: scale(2)">
|
||||
|
||||
<!-- The following text will actually draw 24 pixels high
|
||||
because each unit in the new coordinate system equals
|
||||
2 units in the previous coordinate system. -->
|
||||
<text style="font-size: 12">This prints 24 pixels high.</text>
|
||||
|
||||
<!-- The following text will actually still draw 12 pixels high
|
||||
because the CSS unit specifier has been provided. -->
|
||||
<text style="font-size: 12px">This prints 12 pixels high.</text>
|
||||
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<!-- Insert drawing elements here -->
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 182 B |
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>Gradients apply to leaf nodes
|
||||
</desc>
|
||||
<g>
|
||||
<defs>
|
||||
<lineargradient id="MyGradient">
|
||||
<gradientstop offset="0%" color="#F60"/>
|
||||
<gradientstop offset="70%" color="#FF6"/>
|
||||
</lineargradient>
|
||||
</defs>
|
||||
<g style="fill: url(#MyGradient)">
|
||||
<rect width="20" height="15.8"/>
|
||||
<rect width="35" height="8"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 571 B |
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>
|
||||
</desc>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 225 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="4in" height="3in">
|
||||
<desc>This SVG drawing embeds another one,
|
||||
thus establishing a new viewport
|
||||
</desc>
|
||||
<!-- The following statement establishing a new viewport
|
||||
and renders SVG drawing B into that viewport -->
|
||||
<svg style="left: 25%; top: 25%" width="50%" height="50%">
|
||||
<!-- drawing B goes here -->
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 508 B |
@@ -0,0 +1,46 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN"
|
||||
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd">
|
||||
<svg width="300px" height="3oopx">
|
||||
<desc>Transformation with establishment of a new viewport
|
||||
</desc>
|
||||
<!-- The following two text elements will both draw with a
|
||||
font height of 12 pixels -->
|
||||
<text style="font-size: 12">This prints 12 pixels high.</text>
|
||||
<text style="font-size: 12px">This prints 12 pixels high.</text>
|
||||
|
||||
<!-- Now scale the coordinate system by 2. -->
|
||||
<g style="transform: scale(2)">
|
||||
|
||||
<!-- The following text will actually draw 24 pixels high
|
||||
because each unit in the new coordinate system equals
|
||||
2 units in the previous coordinate system. -->
|
||||
<text style="font-size: 12">This prints 24 pixels high.</text>
|
||||
|
||||
<!-- The following text will actually still draw 12 pixels high
|
||||
because the CSS unit specifier has been provided. -->
|
||||
<text style="font-size: 12px">This prints 12 pixels high.</text>
|
||||
</g>
|
||||
|
||||
<!-- This time, scale the coordinate system by 3. -->
|
||||
<g style="transform: scale(3)">
|
||||
|
||||
<!-- Establish a new viewport and thus change the meaning of
|
||||
some CSS unit specifiers. -->
|
||||
<svg style="left:0; top:0; right:100; bottom:100"
|
||||
width="100%" height="100%">
|
||||
|
||||
<!-- The following two text elements will both draw with a
|
||||
font height of 36 screen pixels. The first text element
|
||||
defines its height in user coordinates, which have been
|
||||
scaled by 3. The second text element defines its height
|
||||
in CSS px units, which have been redefined to be three times
|
||||
as big as screen pixels due the <svg> element establishing
|
||||
a new viewport. -->
|
||||
<text style="font-size: 12">This prints 36 pixels high.</text>
|
||||
<text style="font-size: 12px">This prints 36 pixels high.</text>
|
||||
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<parent xmlns="http://some.url">
|
||||
|
||||
<!-- SVG graphic -->
|
||||
<svg xmlns='http://www.w3.org/Graphics/SVG/svg-19990412.dtd'
|
||||
width="100px" height="200px">
|
||||
<path d="M100,100 Q200,400,300,100"/>
|
||||
<!-- rest of SVG graphic would go here -->
|
||||
</svg>
|
||||
|
||||
</parent>
|
||||
@@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" standalone="yes"?>
|
||||
<svg width="4in" height="3in"
|
||||
xmlns = 'http://www.w3.org/Graphics/SVG/svg-19990412.dtd'>
|
||||
<desc>
|
||||
</desc>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 163 B |