third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/painting-render-01-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 <!-- paint-colIntProp-BE-05.svg                                            -->
  13 <!-- renamed for 1.1 suite to painting-render-01-b.svg                                -->
  14 <!--                                                                       -->
  15 <!--                                                                       -->
  16 <!-- Author : Tim Thompson 8/04/00                                         -->
  17 <!--          1.1 revision by Rick Graham                                  -->
  18 <!--                                                                       -->
  19 <!-- History:                                                              -->
  20 <!--  08-aug-2000, Test color interpolation property                                   -->
  21 <!--  15-aug-2000, Names changed                                                                   -->
  22 <!--  18-Aug-2000, LH: fix DOCTYPE, legend, title.                         -->
  23 <!--  02-Oct-2000, TT Moved text so it is not obsecured by image               -->
  24 <!--  02-Nov-2000, VH Now uses linearGradients to show interpolation diff  -->
  25 <!--               changed serial number.                                  -->
  26 <!--  13-Nov-2000, LH, added missing 'g' w/ id="test-body-content".        -->
  27 <!-- ===================================================================== -->
  28 <!--======================================================================-->
  29 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  30 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  31 <!--======================================================================-->
  32 <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">
  33     <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  34                 <OperatorScript version="$Revision: 1.7 $" testname="painting-render-01-b.svg">
  35                         <Paragraph>
  36                                 This tests shows the same linear gradient used with different values for the
  37                                 color-interpolation rendering property.  The top bar is painted using the
  38                                 default color-interpolation value, which should produce the same result as
  39                                 sRGB. The middle bar is painted using the 'sRGB' color-interpolation and
  40                                 should be the same as the top bar. Finally, the bottom bar is painted using
  41                                 the linearRGB interpolation, which produces a result visibly different from
  42                                 the top two bars: the white to blue ramp is whiter, the blue to red ramp
  43                                 goes through a pinkish color and the red to yellow ramp turns orange before
  44                                 the similar sRGB rampl.
  45                         </Paragraph>
  46                         <Paragraph>
  47                                 The rendered picture should match the reference image, except for possible
  48                                 variations in the labelling text (per CSS2 rules).
  49                         </Paragraph>
  50                         <Paragraph>
  51                                 The test uses the 'rect' element, the 'circle' element, the 'line' element, the
  52                                 'linearGradient' element and basic rendering properties such as
  53                                 stroke (black 1-pixel lines), font-family (Arial) and font-size properties.
  54                                 The test also uses transforms.
  55                         </Paragraph>
  56         </OperatorScript>
  57     </SVGTestCase>
  58         <title id="test-title">painting-render-01-b.svg</title>
  59         <desc id="test-desc">Test color interpolation property.</desc>
  60         <!--======================================================================-->
  61         <!--Content of Test Case follows...                  =====================-->
  62         <!--======================================================================-->
  63         <g id="test-body-content">
  64                 <defs>
  65                         <linearGradient id="gradientDefault" gradientUnits="objectBoundingBox">
  66                                 <stop offset="0" stop-color="white" />
  67                                 <stop offset=".33" stop-color="blue" />
  68                                 <stop offset=".66" stop-color="red" />
  69                                 <stop offset="1" stop-color="yellow" />
  70                         </linearGradient>
  71                         <linearGradient id="gradientSRGB" gradientUnits="objectBoundingBox" color-interpolation="sRGB" >
  72                                 <stop offset="0" stop-color="white" />
  73                                 <stop offset=".33" stop-color="blue" />
  74                                 <stop offset=".66" stop-color="red" />
  75                                 <stop offset="1" stop-color="yellow" />
  76                         </linearGradient>
  77                         <linearGradient id="gradientLinearRGB" gradientUnits="objectBoundingBox" color-interpolation="linearRGB" >
  78                                 <stop offset="0" stop-color="white" />
  79                                 <stop offset=".33" stop-color="blue" />
  80                                 <stop offset=".66" stop-color="red" />
  81                                 <stop offset="1" stop-color="yellow" />
  82                         </linearGradient>
  83                 </defs>
  84                 <text font-family="Verdana" font-size="22" text-anchor="middle" x="225" y="30">Basic test of color-interpolation property.</text>
  85                 <!-- ====================================== -->
  86                 <!-- Default color-interpolation (sRGB)     -->
  87                 <!-- ====================================== -->
  88                 <g transform="translate(40, 80)">
  89                         <rect x="0" y="0" width="300" height="40" fill="url(#gradientDefault)" stroke="black" />
  90                         <circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
  91                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
  92                         <rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
  93                         <line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
  94                         <circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
  95                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(100, 0)"/>
  96                         <rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
  97                         <line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
  98                         <circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
  99                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(200, 0)"/>
 100                         <rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
 101                         <line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
 102                         <circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
 103                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(300, 0)"/>
 104                         <text x="310" y="20" font-family="Verdana" font-size="16" >default (sRGB)</text>
 105                 </g>
 106                 <!-- ====================================== -->
 107                 <!-- sRGB color-interpolation               -->
 108                 <!-- ====================================== -->
 109                 <g transform="translate(40, 160)">
 110                         <rect x="0" y="0" width="300" height="40" fill="url(#gradientSRGB)" stroke="black" />
 111                         <circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
 112                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
 113                         <rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
 114                         <line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
 115                         <circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
 116                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(100, 0)"/>
 117                         <rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
 118                         <line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
 119                         <circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
 120                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(200, 0)"/>
 121                         <rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
 122                         <line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
 123                         <circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
 124                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(300, 0)"/>
 125                         <text x="310" y="20" font-family="Verdana" font-size="16" >sRGB</text>
 126                 </g>
 127                 <!-- ====================================== -->
 128                 <!-- linearRGB color-interpolation          -->
 129                 <!-- ====================================== -->
 130                 <g transform="translate(40, 240)">
 131                         <rect x="0" y="0" width="300" height="40" fill="url(#gradientLinearRGB)" stroke="black" />
 132                         <circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
 133                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
 134                         <rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
 135                         <line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
 136                         <circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
 137                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(100, 0)"/>
 138                         <rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
 139                         <line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
 140                         <circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
 141                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(200, 0)"/>
 142                         <rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
 143                         <line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
 144                         <circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
 145                         <line x1="0" y1="-7" x2="0" y2="40" stroke="black"  transform="translate(300, 0)"/>
 146                         <text x="310" y="20" font-family="Verdana" font-size="16" >linearRGB</text>
 147                 </g>
 148         </g>
 149
 150
 151         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
 152         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 153 </svg>
 154