chromium/third_party/blink/web_tests/svg/W3C-SVG-1.1/painting-marker-03-f.svg

<?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' &amp; '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>