third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/painting-marker-03-f.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   3 <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">
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!-- ===================================================================== -->
  11 <!--                                                                       -->
  12 <!-- painting-marker-03-f.svg                                              -->
  13 <!--                                                                       -->
  14 <!-- Tests the 'marker' property                                                                                                                        -->
  15 <!--                                                                       -->
  16 <!-- Author : Corel SVG Viewer QA team  01-05-2003                         -->
  17 <!-- Revised by: Benoit Bezaire                                                                                                                 -->
  18 <!--                                                                       -->
  19 <!--======================================================================-->
  20
  21   <SVGTestCase
  22       xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/"
  23       xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
  24       owner="BB" reviewer="DJ" desc="Tests the 'marker' property"
  25       status="accepted" version="$Revision: 1.9 $" testname="$RCSfile: painting-marker-03-f.svg,v $">
  26     <OperatorScript>
  27       <Paragraph>The SVG specification defines three properties to reference markers: marker-start, marker-mid,
  28                 marker-end. It also provides a shorthand property,marker.  Using the marker property from a style sheet
  29         is equivalent to using all three (start, mid, end). However, shorthand properties cannot be used as presentation attributes.
  30       </Paragraph>
  31       <Paragraph>The rendered result should have the same markers in both cases: the first one using the marker property,
  32                 the second using the marker-start, marker-mid, marker-end properties.
  33       </Paragraph>
  34     </OperatorScript>
  35   </SVGTestCase>
  36
  37   <title id="test-title">painting-marker-03-f.svg</title>
  38   <desc id="test-desc">Tests the 'marker' shorthand property and the three marker presentation attributes</desc>
  39   <!--======================================================================-->
  40   <!--Content of Test Case follows...                  =====================-->
  41   <!--======================================================================-->
  42   <defs>
  43                 <marker id="marker1" markerUnits="strokeWidth" refX="50" refY="50" markerWidth="5" markerHeight="5" viewBox="0 0 100 100">
  44                         <rect width="100" height="100" fill="royalblue" stroke="none"/>
  45                 </marker>
  46                 <marker id="marker2" markerUnits="strokeWidth" refX="100" refY="100" markerWidth="15" markerHeight="15" viewBox="0 0 200 200">
  47                         <rect width="200" height="200" fill="red" stroke="none"/>
  48                 </marker>
  49           <style type="text/css">
  50             #markme { marker: url(#marker1) }
  51           </style>
  52   </defs>
  53
  54   <text font-size="20" x="240" y="28" text-anchor="middle">'marker' property test</text>
  55
  56   <text font-size="20" x="240" y="70" text-anchor="middle" fill="forestgreen">'marker' property</text>
  57   <g  fill="gold" stroke="black" fill-rule="evenodd" transform="translate(50,20)" id="markme">
  58     <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"/>
  59     <polygon points="100,60 120,140 140,60 160,140 180,60 180,100 100,100"/>
  60     <polyline points="190,60 210,140 230,60 250,140 270,60 270,100 190,100"/>
  61     <line x1="280" x2="370" y1="60" y2="140"/>
  62     <line x1="370" x2="280" y1="60" y2="140"/>
  63   </g>
  64
  65   <text font-size="20" x="240" y="200" text-anchor="middle" fill="forestgreen">'marker-start', 'marker-mid' &amp; 'marker-end' attribute</text>
  66   <g marker-mid="url(#marker1)" marker-end="url(#marker1)" marker-start="url(#marker1)" fill="gold" stroke="black" fill-rule="evenodd" transform="translate(50,150)">
  67     <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"/>
  68     <polygon points="100,60 120,140 140,60 160,140 180,60 180,100 100,100"/>
  69     <polyline points="190,60 210,140 230,60 250,140 270,60 270,100 190,100"/>
  70     <line x1="280" x2="370" y1="60" y2="140"/>
  71     <line x1="370" x2="280" y1="60" y2="140"/>
  72   </g>
  73
  74   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
  75   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  76 </svg>