<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
<!--======================================================================-->
<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, Institut National de Recherche en =-->
<!--= Informatique et en Automatique, Keio University). All Rights =-->
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- -->
<!-- painting-marker-03-f.svg -->
<!-- -->
<!-- Tests the 'marker' property -->
<!-- -->
<!-- Author : Corel SVG Viewer QA team 01-05-2003 -->
<!-- Revised by: Benoit Bezaire -->
<!-- -->
<!--======================================================================-->
<SVGTestCase
xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/"
xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
owner="BB" reviewer="DJ" desc="Tests the 'marker' property"
status="accepted" version="$Revision: 1.9 $" testname="$RCSfile: painting-marker-03-f.svg,v $">
<OperatorScript>
<Paragraph>The SVG specification defines three properties to reference markers: marker-start, marker-mid,
marker-end. It also provides a shorthand property,marker. Using the marker property from a style sheet
is equivalent to using all three (start, mid, end). However, shorthand properties cannot be used as presentation attributes.
</Paragraph>
<Paragraph>The rendered result should have the same markers in both cases: the first one using the marker property,
the second using the marker-start, marker-mid, marker-end properties.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">painting-marker-03-f.svg</title>
<desc id="test-desc">Tests the 'marker' shorthand property and the three marker presentation attributes</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<defs>
<marker id="marker1" markerUnits="strokeWidth" refX="50" refY="50" markerWidth="5" markerHeight="5" viewBox="0 0 100 100">
<rect width="100" height="100" fill="royalblue" stroke="none"/>
</marker>
<marker id="marker2" markerUnits="strokeWidth" refX="100" refY="100" markerWidth="15" markerHeight="15" viewBox="0 0 200 200">
<rect width="200" height="200" fill="red" stroke="none"/>
</marker>
<style type="text/css">
#markme { marker: url(#marker1) }
</style>
</defs>
<text font-size="20" x="240" y="28" text-anchor="middle">'marker' property test</text>
<text font-size="20" x="240" y="70" text-anchor="middle" fill="forestgreen">'marker' property</text>
<g fill="gold" stroke="black" fill-rule="evenodd" transform="translate(50,20)" id="markme">
<path d="M10,60 Q90,60 90,140 Q10,140 10,60 Z M10,140 Q10,60 90,60 Q90,140 10,140 Z M50,70 L80,100 50,130 20,100 Z"/>
<polygon points="100,60 120,140 140,60 160,140 180,60 180,100 100,100"/>
<polyline points="190,60 210,140 230,60 250,140 270,60 270,100 190,100"/>
<line x1="280" x2="370" y1="60" y2="140"/>
<line x1="370" x2="280" y1="60" y2="140"/>
</g>
<text font-size="20" x="240" y="200" text-anchor="middle" fill="forestgreen">'marker-start', 'marker-mid' & 'marker-end' attribute</text>
<g marker-mid="url(#marker1)" marker-end="url(#marker1)" marker-start="url(#marker1)" fill="gold" stroke="black" fill-rule="evenodd" transform="translate(50,150)">
<path d="M10,60 Q90,60 90,140 Q10,140 10,60 Z M10,140 Q10,60 90,60 Q90,140 10,140 Z M50,70 L80,100 50,130 20,100 Z"/>
<polygon points="100,60 120,140 140,60 160,140 180,60 180,100 100,100"/>
<polyline points="190,60 210,140 230,60 250,140 270,60 270,100 190,100"/>
<line x1="280" x2="370" y1="60" y2="140"/>
<line x1="370" x2="280" y1="60" y2="140"/>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>