third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1-SE/pservers-grad-17-b.svg

   1 <svg version="1.1" baseProfile="basic" id="svg-root"
   2   width="100%" height="100%" viewBox="0 0 480 360"
   3   xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   4   <!--======================================================================-->
   5   <!--=  SVG 1.1 2nd Edition Test Case                                     =-->
   6   <!--======================================================================-->
   7   <!--=  Copyright 2009 World Wide Web Consortium, (Massachusetts          =-->
   8   <!--=  Institute of Technology, European Research Consortium for         =-->
   9   <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  10   <!--=  All Rights Reserved.                                              =-->
  11   <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  12   <!--======================================================================-->
  13   <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"
  14     template-version="1.4" reviewer="AE" author="ED" status="accepted"
  15     version="$Revision: 1.4 $" testname="$RCSfile: pservers-grad-17-b.svg,v $">
  16     <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/pservers.html#Gradients">
  17         <p>
  18           This test has a gradient with gradientUnits='objectBoundingBox' which is a fade from black to white.
  19           The gradient is used for the stroke of a line. Vertical and horizontal lines don't have a boundingbox,
  20           since they are one-dimensional, even though the
  21           stroke-width makes it look like they should have a boundingbox with non-zero width and height.
  22           See the coordinate chapter, last paragraph of 7.11.
  23         </p>
  24     </d:testDescription>
  25     <d:operatorScript xmlns="http://www.w3.org/1999/xhtml">
  26       <p>
  27         [[
  28         Describe how to use the here. The instructions should specify any
  29         steps requied to run the test or any manual operation that need
  30         to be performed to run the test.
  31         ]]
  32       </p>
  33     </d:operatorScript>
  34     <d:passCriteria xmlns="http://www.w3.org/1999/xhtml">
  35       <p>
  36         The left rectangle has four 'line' elements rotated in different ways. The stroke for the lines have a green solid stroke fallback which
  37         should be used if the gradient should be ignored. For this sub-test to pass there must be three lines with solid green stroke, and one line
  38         (from bottom left to top right) with a gradient stroke, visible in the rectangle.
  39       </p>
  40       <p>
  41         The right rectangle is the same as the left rectangle except that the stroke paintservers don't have a fallback specified.
  42         For this sub-test to pass only the line from bottom left to top right must be visible in the rectangle, and it must have a gradient stroke.
  43       </p>
  44     </d:passCriteria>
  45   </d:SVGTestCase>
  46   <title id="test-title">$RCSfile: pservers-grad-17-b.svg,v $</title>
  47   <defs>
  48     <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
  49       <font-face-src>
  50         <font-face-uri xlink:href="../custom/resources/SVGFreeSans.svg#ascii"/>
  51       </font-face-src>
  52     </font-face>
  53   </defs>
  54   <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
  55     <defs>
  56       <linearGradient id="grad">
  57         <stop offset="0" stop-color="black"/>
  58         <stop offset="1" stop-color="white"/>
  59       </linearGradient>
  60     </defs>
  61
  62     <!-- sub-test 1: stroke with solid color fallback -->
  63     <g transform="translate(50, 100) scale(0.3)">
  64       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad) #0f0" stroke-width="20"/>
  65       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad) #0f0" stroke-width="20" transform="rotate(45 240 180)"/>
  66       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad) #0f0" stroke-width="20" transform="rotate(90 240 180)"/>
  67       <line x1="410" y1="10" x2="70" y2="350" stroke="url(#grad) #0f0" stroke-width="20"/>
  68       <rect x="0" y="-60" width="480" height="480" fill="none" stroke="black"/>
  69     </g>
  70     <text x="120" y="250" text-anchor="middle">With fallback</text>
  71
  72     <!-- sub-test 2: stroke without a fallback -->
  73     <g transform="translate(280,100) scale(0.3)">
  74       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad)" stroke-width="20"/>
  75       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad)" stroke-width="20" transform="rotate(45 240 180)"/>
  76       <line x1="0" y1="180" x2="480" y2="180" stroke="url(#grad)" stroke-width="20" transform="rotate(90 240 180)"/>
  77       <line x1="410" y1="10" x2="70" y2="350" stroke="url(#grad)" stroke-width="20"/>
  78       <rect x="0" y="-60" width="480" height="480" fill="none" stroke="black"/>
  79     </g>
  80     <text x="350" y="250" text-anchor="middle">Without fallback</text>
  81   </g>
  82   <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
  83     <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.4 $</text>
  84   </g>
  85   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  86   <!-- comment out this watermark once the test is approved -->
  87   <!--<g id="draft-watermark">
  88     <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
  89     <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
  90       text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  91   </g>-->
  92 </svg>