third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/pservers-grad-16-b.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 <!--======================================================================-->
   4 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   5 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   6 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   7 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   8 <!--======================================================================-->
   9 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  10   <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CL" owner="CN" desc="Test gradient stop rules." status="accepted" version="$Revision: 1.3 $" testname="$RCSfile: pservers-grad-16-b.svg,v $">
  11     <OperatorScript>
  12       <Paragraph>
  13            Test gradient stop rules. Including:
  14            No stops, like fill = none.
  15            One stop, like fill = black.
  16            If a stop less than all previous stops, it is set equal to the largest stop.
  17            If two stops are equal the last stop controls the color at the overlap point.
  18       </Paragraph>
  19       <Paragraph>The top rectangle must have a red outline and no fill. The middle rectabgle must have a
  20       solid black fill. The lower rectangle must have a red to green linear gradient on the left-hand galf and a solid blue fiill for the right hand half.</Paragraph>
  21     </OperatorScript>
  22   </SVGTestCase>
  23   <title id="test-title">$RCSfile: pservers-grad-16-b.svg,v $</title>
  24   <g id="test-body-content">
  25     <!-- No stops, like fill = none -->
  26     <linearGradient id="defs1" gradientUnits="objectBoundingBox"  x1="0" y1="0" x2="1" y2="0">
  27     </linearGradient>
  28     <!-- One stop, like fill = black -->
  29     <linearGradient id="defs2" gradientUnits="objectBoundingBox"  x1="0" y1="0" x2="1" y2="0">
  30         <stop stop-color="black"  offset="1"/>
  31     </linearGradient>
  32     <!-- If a stop less than all previous stops, it is set equal to the largest stop-->
  33     <!-- This also tests if two stops are equal the last stop controls the color at the overlap point-->
  34     <linearGradient id="defs3" gradientUnits="objectBoundingBox"  x1="0" y1="0" x2="1" y2="0">
  35         <stop stop-color="yellow"  offset="0"/>
  36         <stop stop-color="red"  offset=".25"/>
  37         <stop stop-color="green"  offset=".5"/>
  38         <stop stop-color="blue"  offset=".1"/>
  39     </linearGradient>
  40
  41     <rect x="20" y="10" width="440" height="80" fill="url(#defs1)" stroke="red"/>
  42     <rect x="20" y="110" width="440" height="80" fill="url(#defs2)" />
  43     <rect x="20" y="210" width="440" height="80" fill="url(#defs3)" />
  44   </g>
  45   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.3 $</text>
  46   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  47 </svg>