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

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
   3
   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 <!-- gradPatt-linearGr-BE-03.svg                                           -->
  13 <!-- renamed for 1.1 suite to pservers-grad-10-b.svg                       -->
  14 <!--                                                                       -->
  15 <!-- Test that the viewer can handle the spreadMethod attribute on         -->
  16 <!-- linear gradients.                                                     -->
  17 <!--                                                                       -->
  18 <!-- Author : Haroon Sheikh  06-Mar-2000                                   -->
  19 <!--          1.1 revision by Rick Graham                                  -->
  20 <!--                                                                       -->
  21 <!-- History:                                                              -->
  22 <!--  06-Mar-2000, HSS: Serial#1 created.                                  -->
  23 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .         -->
  24 <!--  16-Aug-2000, LH="rename" ser#2.                                      -->
  25 <!--                                                                       -->
  26 <!-- ===================================================================== -->
  27 <!--======================================================================-->
  28 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  29 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  30 <!--======================================================================-->
  31 <svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  32     <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  33                 <OperatorScript version="$Revision: 1.7 $" testname="pservers-grad-10-b.svg">
  34                         <Paragraph>
  35                                 Test that the viewer can handle the spreadMethod attribute on linear gradients.
  36                         </Paragraph>
  37                         <Paragraph>
  38                                 From top-down the appearance of objects is as follows.
  39                         </Paragraph>
  40                         <Paragraph>
  41                                 The first rectangle uses a spreadMethod=pad. The next uses a spreadMethod=reflect
  42                                 and the third uses a spreadMethod=repeat.
  43                         </Paragraph>
  44                         <Paragraph>
  45                                 The rendered picture should match the reference image exactly, except for possible
  46                                 variations in the labelling text (per CSS2 rules).
  47                         </Paragraph>
  48         </OperatorScript>
  49     </SVGTestCase>
  50         <title id="test-title">pservers-grad-10-b.svg</title>
  51         <desc id="test-desc">Test that the viewer can handle the spreadMethod attribute on linear gradients.</desc>
  52         <!--======================================================================-->
  53         <!--Content of Test Case follows...                  =====================-->
  54         <!--======================================================================-->
  55         <g id="test-body-content">
  56                 <text font-family="Arial" font-size="15"  x="10" y="25">Testing spreadMethod attribute</text>
  57                 <!-- ====================================================================== -->
  58                 <!-- Linear Gradient with spreadMethod=pad                                  -->
  59                 <!-- ====================================================================== -->
  60                 <linearGradient id="Grad1" gradientUnits="objectBoundingBox" x1=".4" y1="0" x2=".6" y2="0" spreadMethod="pad">
  61                         <stop stop-color="blue"  offset="0"/>
  62                         <stop stop-color="red"  offset="1"/>
  63                 </linearGradient>
  64                 <rect x="10" y="35" width="460" height="55" fill="url(#Grad1)" />
  65                 <text font-family="Arial" font-size="12"  x="10" y="105">spreadMethod=pad</text>
  66                 <!-- ====================================================================== -->
  67                 <!-- Linear Gradient with spreadMethod=reflect                              -->
  68                 <!-- ====================================================================== -->
  69                 <linearGradient id="Grad2" gradientUnits="objectBoundingBox" x1=".4" y1="0" x2=".6" y2="0" spreadMethod="reflect">
  70                         <stop stop-color="blue"  offset="0"/>
  71                         <stop stop-color="red"  offset="1"/>
  72                 </linearGradient>
  73                 <rect x="10" y="120" width="460" height="55" fill="url(#Grad2)" />
  74                 <text font-family="Arial" font-size="12"  x="10" y="190">spreadMethod=reflect</text>
  75                 <!-- ====================================================================== -->
  76                 <!-- Linear Gradient with spreadMethod=repeat                               -->
  77                 <!-- ====================================================================== -->
  78                 <linearGradient id="Grad3" gradientUnits="objectBoundingBox" x1=".4" y1="0" x2=".6" y2="0" spreadMethod="repeat">
  79                         <stop stop-color="blue"  offset="0"/>
  80                         <stop stop-color="red"  offset="1"/>
  81                 </linearGradient>
  82                 <rect x="10" y="205" width="460" height="55" fill="url(#Grad3)" />
  83                 <text font-family="Arial" font-size="12"  x="10" y="275">spreadMethod=repeat</text>
  84         </g>
  85
  86
  87         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  88         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  89 </svg>
  90