[lasem] [SVG] More sample files.
- From: Emmanuel Pacaud <emmanuel src gnome org>
- To: svn-commits-list gnome org
- Subject: [lasem] [SVG] More sample files.
- Date: Fri, 15 May 2009 17:48:55 -0400 (EDT)
commit 5c6f39fc71ba7d013fbbf02cf203951cfe36a365
Author: Emmanuel Pacaud <emmanuel pacaud lapp in2p3 fr>
Date: Fri May 15 23:44:05 2009 +0200
[SVG] More sample files.
---
test/svg/misc/InitialCoords.svg | 23 ++++++++++++++
test/svg/misc/NewCoordSys.svg | 32 +++++++++++++++++++
test/svg/misc/RotateScale.svg | 39 +++++++++++++++++++++++
test/svg/misc/arcs02.svg | 59 ++++++++++++++++++++++++++++++++++++
test/svg/misc/fillrule-evenodd.svg | 38 +++++++++++++++++++++++
test/svg/misc/fillrule-nonzero.svg | 38 +++++++++++++++++++++++
test/svg/misc/linecap.svg | 40 ++++++++++++++++++++++++
test/svg/misc/linejoin.svg | 37 ++++++++++++++++++++++
test/svg/misc/lingrad01.svg | 25 +++++++++++++++
test/svg/misc/marker.svg | 24 ++++++++++++++
test/svg/misc/opacity01.svg | 47 ++++++++++++++++++++++++++++
test/svg/misc/pattern01.svg | 24 ++++++++++++++
test/svg/misc/radgrad01.svg | 27 ++++++++++++++++
13 files changed, 453 insertions(+), 0 deletions(-)
diff --git a/test/svg/misc/InitialCoords.svg b/test/svg/misc/InitialCoords.svg
new file mode 100644
index 0000000..f7335c6
--- /dev/null
+++ b/test/svg/misc/InitialCoords.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="300px" height="100px" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <desc>Example InitialCoords - SVG's initial coordinate system</desc>
+
+ <g fill="none" stroke="black" stroke-width="3" >
+ <line x1="0" y1="1.5" x2="300" y2="1.5" />
+ <line x1="1.5" y1="0" x2="1.5" y2="100" />
+ </g>
+ <g fill="red" stroke="none" >
+ <rect x="0" y="0" width="3" height="3" />
+ <rect x="297" y="0" width="3" height="3" />
+ <rect x="0" y="97" width="3" height="3" />
+ </g>
+ <g font-size="14" font-family="Verdana" >
+ <text x="10" y="20">(0,0)</text>
+ <text x="240" y="20">(300,0)</text>
+ <text x="10" y="90">(0,100)</text>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/NewCoordSys.svg b/test/svg/misc/NewCoordSys.svg
new file mode 100644
index 0000000..c53a4f6
--- /dev/null
+++ b/test/svg/misc/NewCoordSys.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="400px" height="150px"
+ xmlns="http://www.w3.org/2000/svg" version="1.1">
+ <desc>Example NewCoordSys - New user coordinate system</desc>
+ <g fill="none" stroke="black" stroke-width="3" >
+ <!-- Draw the axes of the original coordinate system -->
+ <line x1="0" y1="1.5" x2="400" y2="1.5" />
+ <line x1="1.5" y1="0" x2="1.5" y2="150" />
+ </g>
+ <g>
+ <text x="30" y="30" font-size="20" font-family="Verdana" >
+ ABC (orig coord system)
+ </text>
+ </g>
+ <!-- Establish a new coordinate system, which is
+ shifted (i.e., translated) from the initial coordinate
+ system by 50 user units along each axis. -->
+ <g transform="translate(50,50)">
+ <g fill="none" stroke="red" stroke-width="3" >
+ <!-- Draw lines of length 50 user units along
+ the axes of the new coordinate system -->
+ <line x1="0" y1="0" x2="50" y2="0" stroke="red" />
+ <line x1="0" y1="0" x2="0" y2="50" />
+ </g>
+ <text x="30" y="30" font-size="20" font-family="Verdana" >
+ ABC (translated coord system)
+ </text>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/RotateScale.svg b/test/svg/misc/RotateScale.svg
new file mode 100644
index 0000000..17cada6
--- /dev/null
+++ b/test/svg/misc/RotateScale.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="400px" height="120px" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <desc>Example RotateScale - Rotate and scale transforms</desc>
+ <g fill="none" stroke="black" stroke-width="3" >
+ <!-- Draw the axes of the original coordinate system -->
+ <line x1="0" y1="1.5" x2="400" y2="1.5" />
+ <line x1="1.5" y1="0" x2="1.5" y2="120" />
+ </g>
+ <!-- Establish a new coordinate system whose origin is at (50,30)
+ in the initial coord. system and which is rotated by 30 degrees. -->
+ <g transform="translate(50,30)">
+ <g transform="rotate(30)">
+ <g fill="none" stroke="red" stroke-width="3" >
+ <line x1="0" y1="0" x2="50" y2="0" />
+ <line x1="0" y1="0" x2="0" y2="50" />
+ </g>
+ <text x="0" y="0" font-size="20" font-family="Verdana" fill="blue" >
+ ABC (rotate)
+ </text>
+ </g>
+ </g>
+ <!-- Establish a new coordinate system whose origin is at (200,40)
+ in the initial coord. system and which is scaled by 1.5. -->
+ <g transform="translate(200,40)">
+ <g transform="scale(1.5)">
+ <g fill="none" stroke="red" stroke-width="3" >
+ <line x1="0" y1="0" x2="50" y2="0" />
+ <line x1="0" y1="0" x2="0" y2="50" />
+ </g>
+ <text x="0" y="0" font-size="20" font-family="Verdana" fill="blue" >
+ ABC (scale)
+ </text>
+ </g>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/arcs02.svg b/test/svg/misc/arcs02.svg
new file mode 100644
index 0000000..c0bddf9
--- /dev/null
+++ b/test/svg/misc/arcs02.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="5.25cm" viewBox="0 0 1200 525" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <title>Example arcs02 - arc options in paths</title>
+ <desc>Pictures showing the result of setting
+ large-arc-flag and sweep-flag to the four
+ possible combinations of 0 and 1.</desc>
+ <g font-family="Verdana" >
+ <defs>
+ <g id="baseEllipses" font-size="20" >
+ <ellipse cx="125" cy="125" rx="100" ry="50"
+ fill="none" stroke="#888888" stroke-width="2" />
+ <ellipse cx="225" cy="75" rx="100" ry="50"
+ fill="none" stroke="#888888" stroke-width="2" />
+ <text x="35" y="70">Arc start</text>
+ <text x="225" y="145">Arc end</text>
+ </g>
+ </defs>
+ <rect x="1" y="1" width="1198" height="523"
+ fill="none" stroke="blue" stroke-width="1" />
+
+ <g font-size="30" >
+ <g transform="translate(0,0)">
+ <use xlink:href="#baseEllipses"/>
+ </g>
+ <g transform="translate(400,0)">
+ <text x="50" y="210">large-arc-flag=0</text>
+ <text x="50" y="250">sweep-flag=0</text>
+ <use xlink:href="#baseEllipses"/>
+ <path d="M 125,75 a100,50 0 0,0 100,50"
+ fill="none" stroke="red" stroke-width="6" />
+ </g>
+ <g transform="translate(800,0)">
+ <text x="50" y="210">large-arc-flag=0</text>
+ <text x="50" y="250">sweep-flag=1</text>
+ <use xlink:href="#baseEllipses"/>
+ <path d="M 125,75 a100,50 0 0,1 100,50"
+ fill="none" stroke="red" stroke-width="6" />
+ </g>
+ <g transform="translate(400,250)">
+ <text x="50" y="210">large-arc-flag=1</text>
+ <text x="50" y="250">sweep-flag=0</text>
+ <use xlink:href="#baseEllipses"/>
+ <path d="M 125,75 a100,50 0 1,0 100,50"
+ fill="none" stroke="red" stroke-width="6" />
+ </g>
+ <g transform="translate(800,250)">
+ <text x="50" y="210">large-arc-flag=1</text>
+ <text x="50" y="250">sweep-flag=1</text>
+ <use xlink:href="#baseEllipses"/>
+ <path d="M 125,75 a100,50 0 1,1 100,50"
+ fill="none" stroke="red" stroke-width="6" />
+ </g>
+ </g>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/fillrule-evenodd.svg b/test/svg/misc/fillrule-evenodd.svg
new file mode 100644
index 0000000..6fdfbca
--- /dev/null
+++ b/test/svg/misc/fillrule-evenodd.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <desc>Example fillrule-evenodd - demonstrates fill-rule:evenodd</desc>
+
+ <rect x="1" y="1" width="1198" height="398"
+ fill="none" stroke="blue" />
+ <defs>
+ <path id="Triangle" d="M 16,0 L -8,9 v-18 z" fill="black" stroke="none" />
+ </defs>
+ <g fill-rule="evenodd" fill="red" stroke="black" stroke-width="3" >
+ <path d="M 250,75 L 323,301 131,161 369,161 177,301 z" />
+ <use xlink:href="#Triangle" transform="translate(306.21 249) rotate(72)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(175.16,193.2) rotate(216)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(314.26,161) rotate(0)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(221.16,268.8) rotate(144)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(233.21,126.98) rotate(288)" overflow="visible" />
+ <path d="M 600,81 A 107,107 0 0,1 600,295 A 107,107 0 0,1 600,81 z
+ M 600,139 A 49,49 0 0,1 600,237 A 49,49 0 0,1 600,139 z" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(0) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(120) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(240) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(60) translate(49,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(180) translate(49,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(300) translate(49,0) rotate(90)" overflow="visible" />
+ <path d="M 950,81 A 107,107 0 0,1 950,295 A 107,107 0 0,1 950,81 z
+ M 950,139 A 49,49 0 0,0 950,237 A 49,49 0 0,0 950,139 z" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(0) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(120) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(240) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(60) translate(49,0) rotate(-90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(180) translate(49,0) rotate(-90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(300) translate(49,0) rotate(-90)" overflow="visible" />
+ </g>
+</svg>
+
diff --git a/test/svg/misc/fillrule-nonzero.svg b/test/svg/misc/fillrule-nonzero.svg
new file mode 100644
index 0000000..bf8d99f
--- /dev/null
+++ b/test/svg/misc/fillrule-nonzero.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <desc>Example fillrule-nonzero - demonstrates fill-rule:nonzero</desc>
+
+ <rect x="1" y="1" width="1198" height="398"
+ fill="none" stroke="blue" />
+ <defs>
+ <path id="Triangle" d="M 16,0 L -8,9 v-18 z" fill="black" stroke="none" />
+ </defs>
+ <g fill-rule="nonzero" fill="red" stroke="black" stroke-width="3" >
+ <path d="M 250,75 L 323,301 131,161 369,161 177,301 z" />
+ <use xlink:href="#Triangle" transform="translate(306.21 249) rotate(72)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(175.16,193.2) rotate(216)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(314.26,161) rotate(0)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(221.16,268.8) rotate(144)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(233.21,126.98) rotate(288)" overflow="visible" />
+ <path d="M 600,81 A 107,107 0 0,1 600,295 A 107,107 0 0,1 600,81 z
+ M 600,139 A 49,49 0 0,1 600,237 A 49,49 0 0,1 600,139 z" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(0) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(120) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(240) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(60) translate(49,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(180) translate(49,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(600,188) rotate(300) translate(49,0) rotate(90)" overflow="visible" />
+ <path d="M 950,81 A 107,107 0 0,1 950,295 A 107,107 0 0,1 950,81 z
+ M 950,139 A 49,49 0 0,0 950,237 A 49,49 0 0,0 950,139 z" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(0) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(120) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(240) translate(107,0) rotate(90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(60) translate(49,0) rotate(-90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(180) translate(49,0) rotate(-90)" overflow="visible" />
+ <use xlink:href="#Triangle" transform="translate(950,188) rotate(300) translate(49,0) rotate(-90)" overflow="visible" />
+ </g>
+</svg>
+
diff --git a/test/svg/misc/linecap.svg b/test/svg/misc/linecap.svg
new file mode 100644
index 0000000..ca8a7a3
--- /dev/null
+++ b/test/svg/misc/linecap.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="2cm" viewBox="0 0 1200 200" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <desc>Example linecap - demonstrates three stroke-linecap values</desc>
+ <rect x="1" y="1" width="1198" height="198" fill="none" stroke="blue" />
+ <style type="text/css"><![CDATA[
+ .thick { stroke:black; stroke-width:70 }
+ .thin { stroke:#ffcccc; stroke-width:5 }
+ text { text-anchor:middle; font-size:50; font-family:Verdana }
+ circle { fill:#ffcccc; stroke:none }
+ ]]></style>
+ <defs>
+ <line id="line1" x1="-125" x2="125" y1="0" y2="0" fill="none" />
+ <g id="circles">
+ <circle id="circle1" cx="-125" cy="0" r="8"/>
+ <circle id="circle2" cx="125" cy="0" r="8"/>
+ </g>
+ </defs>
+ <g transform="translate(200,75)">
+ <use class="thick" xlink:href="#line1" stroke-linecap="butt"/>
+ <use class="thin" xlink:href="#line1"/>
+ <use xlink:href="#circles"/>
+ <text y="90">'butt' cap</text>
+ </g>
+ <g transform="translate(600,75)">
+ <use class="thick" xlink:href="#line1" stroke-linecap="round"/>
+ <use class="thin" xlink:href="#line1"/>
+ <use xlink:href="#circles"/>
+ <text y="90">'round' cap</text>
+ </g>
+ <g transform="translate(1000,75)">
+ <use class="thick" xlink:href="#line1" stroke-linecap="square"/>
+ <use class="thin" xlink:href="#line1"/>
+ <use xlink:href="#circles"/>
+ <text y="90">'square' cap</text>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/linejoin.svg b/test/svg/misc/linejoin.svg
new file mode 100644
index 0000000..e5b0660
--- /dev/null
+++ b/test/svg/misc/linejoin.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="3.5cm" viewBox="0 0 1200 350" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <desc>Example linecap - demonstrates three stroke-linecap values</desc>
+ <rect x="1" y="1" width="1198" height="348" fill="none" stroke="blue" />
+ <style type="text/css"><![CDATA[
+ .thick { stroke:black; stroke-width:70 }
+ .thin { stroke:#ffcccc; stroke-width:5 }
+ text { text-anchor:middle; font-size:50; font-family:Verdana }
+ circle { fill:#ffcccc; stroke:none }
+ ]]></style>
+ <defs>
+ <path id="path1" d="M -125,150 L 0,0 L 125,150" fill="none" />
+ <circle id="circle1" cx="0" cy="0" r="8"/>
+ </defs>
+ <g transform="translate(200,75)">
+ <use class="thick" xlink:href="#path1" stroke-linejoin="miter"/>
+ <use class="thin" xlink:href="#path1"/>
+ <use xlink:href="#circle1"/>
+ <text y="230">'miter' join</text>
+ </g>
+ <g transform="translate(600,75)">
+ <use class="thick" xlink:href="#path1" stroke-linejoin="round"/>
+ <use class="thin" xlink:href="#path1"/>
+ <use xlink:href="#circle1"/>
+ <text y="230">'round' join</text>
+ </g>
+ <g transform="translate(1000,75)">
+ <use class="thick" xlink:href="#path1" stroke-linejoin="bevel"/>
+ <use class="thin" xlink:href="#path1"/>
+ <use xlink:href="#circle1"/>
+ <text y="230">'bevel' join</text>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/lingrad01.svg b/test/svg/misc/lingrad01.svg
new file mode 100644
index 0000000..b634512
--- /dev/null
+++ b/test/svg/misc/lingrad01.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <desc>Example lingrad01 - fill a rectangle using a
+ linear gradient paint server</desc>
+ <g>
+ <defs>
+ <linearGradient id="MyGradient">
+ <stop offset="5%" stop-color="#F60" />
+ <stop offset="95%" stop-color="#FF6" />
+ </linearGradient>
+ </defs>
+
+ <!-- Outline the drawing area in blue -->
+ <rect fill="none" stroke="blue"
+ x="1" y="1" width="798" height="398"/>
+
+ <!-- The rectangle is filled using a linear gradient paint server -->
+ <rect fill="url(#MyGradient)" stroke="black" stroke-width="5"
+ x="100" y="100" width="600" height="200"/>
+ </g>
+</svg>
+
diff --git a/test/svg/misc/marker.svg b/test/svg/misc/marker.svg
new file mode 100644
index 0000000..570bc06
--- /dev/null
+++ b/test/svg/misc/marker.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="4in" height="2in"
+ viewBox="0 0 4000 2000" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <defs>
+ <marker id="Triangle"
+ viewBox="0 0 10 10" refX="0" refY="5"
+ markerUnits="strokeWidth"
+ markerWidth="4" markerHeight="3"
+ orient="auto">
+ <path d="M 0 0 L 10 5 L 0 10 z" />
+ </marker>
+ </defs>
+ <rect x="10" y="10" width="3980" height="1980"
+ fill="none" stroke="blue" stroke-width="10" />
+ <desc>Placing an arrowhead at the end of a path.
+ </desc>
+ <path d="M 1000 750 L 2000 750 L 2500 1250"
+ fill="none" stroke="black" stroke-width="100"
+ marker-end="url(#Triangle)" />
+</svg>
+
diff --git a/test/svg/misc/opacity01.svg b/test/svg/misc/opacity01.svg
new file mode 100644
index 0000000..fd08c3e
--- /dev/null
+++ b/test/svg/misc/opacity01.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="12cm" height="3.5cm" viewBox="0 0 1200 350"
+ xmlns="http://www.w3.org/2000/svg" version="1.1">
+ <desc>Example opacity01 - opacity property</desc>
+
+ <rect x="1" y="1" width="1198" height="348"
+ fill="none" stroke="blue" />
+
+ <!-- Background blue rectangle -->
+ <rect x="100" y="100" width="1000" height="150" fill="#0000ff" />
+
+ <!-- Red circles going from opaque to nearly transparent -->
+ <circle cx="200" cy="100" r="50" fill="red" opacity="1" />
+ <circle cx="400" cy="100" r="50" fill="red" opacity=".8" />
+ <circle cx="600" cy="100" r="50" fill="red" opacity=".6" />
+ <circle cx="800" cy="100" r="50" fill="red" opacity=".4" />
+ <circle cx="1000" cy="100" r="50" fill="red" opacity=".2" />
+
+ <!-- Opaque group, opaque circles -->
+ <g opacity="1" >
+ <circle cx="182.5" cy="250" r="50" fill="red" opacity="1" />
+ <circle cx="217.5" cy="250" r="50" fill="green" opacity="1" />
+ </g>
+ <!-- Group opacity: .5, opacity circles -->
+ <g opacity=".5" >
+ <circle cx="382.5" cy="250" r="50" fill="red" opacity="1" />
+ <circle cx="417.5" cy="250" r="50" fill="green" opacity="1" />
+ </g>
+ <!-- Opaque group, semi-transparent green over red -->
+ <g opacity="1" >
+ <circle cx="582.5" cy="250" r="50" fill="red" opacity=".5" />
+ <circle cx="617.5" cy="250" r="50" fill="green" opacity=".5" />
+ </g>
+ <!-- Opaque group, semi-transparent red over green -->
+ <g opacity="1" >
+ <circle cx="817.5" cy="250" r="50" fill="green" opacity=".5" />
+ <circle cx="782.5" cy="250" r="50" fill="red" opacity=".5" />
+ </g>
+ <!-- Group opacity .5, semi-transparent green over red -->
+ <g opacity=".5" >
+ <circle cx="982.5" cy="250" r="50" fill="red" opacity=".5" />
+ <circle cx="1017.5" cy="250" r="50" fill="green" opacity=".5" />
+ </g>
+</svg>
+
diff --git a/test/svg/misc/pattern01.svg b/test/svg/misc/pattern01.svg
new file mode 100644
index 0000000..ea6e1a3
--- /dev/null
+++ b/test/svg/misc/pattern01.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <defs>
+ <pattern id="TrianglePattern" patternUnits="userSpaceOnUse"
+ x="0" y="0" width="100" height="100"
+ viewBox="0 0 10 10" >
+ <path d="M 0 0 L 7 0 L 3.5 7 z" fill="red" stroke="blue" />
+ </pattern>
+ </defs>
+
+ <!-- Outline the drawing area in blue -->
+ <rect fill="none" stroke="blue"
+ x="1" y="1" width="798" height="398"/>
+
+ <!-- The ellipse is filled using a triangle pattern paint server
+ and stroked with black -->
+ <ellipse fill="url(#TrianglePattern)" stroke="black" stroke-width="5"
+ cx="400" cy="200" rx="350" ry="150" />
+</svg>
+
+
diff --git a/test/svg/misc/radgrad01.svg b/test/svg/misc/radgrad01.svg
new file mode 100644
index 0000000..e5034c8
--- /dev/null
+++ b/test/svg/misc/radgrad01.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
+ xmlns="http://www.w3.org/2000/svg">
+ <desc>Example radgrad01 - fill a rectangle by referencing a
+ radial gradient paint server</desc>
+ <g>
+ <defs>
+ <radialGradient id="MyGradient" gradientUnits="userSpaceOnUse"
+ cx="400" cy="200" r="300" fx="400" fy="200">
+ <stop offset="0%" stop-color="red" />
+ <stop offset="50%" stop-color="blue" />
+ <stop offset="100%" stop-color="red" />
+ </radialGradient>
+ </defs>
+
+ <!-- Outline the drawing area in blue -->
+ <rect fill="none" stroke="blue"
+ x="1" y="1" width="798" height="398"/>
+
+ <!-- The rectangle is filled using a radial gradient paint server -->
+ <rect fill="url(#MyGradient)" stroke="black" stroke-width="5"
+ x="100" y="100" width="600" height="200"/>
+ </g>
+</svg>
+
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]