third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/pservers-grad-18-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-flat.dtd">
   3 <svg version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   4   <!--======================================================================-->
   5   <!--=  Copyright 2006 World Wide Web Consortium, (Massachusetts          =-->
   6   <!--=  Institute of Technology, European Research Consortium for         =-->
   7   <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
   8   <!--=  All Rights Reserved.                                              =-->
   9   <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  10   <!--======================================================================-->
  11   <!-- NOTE:  CVS will automatically update the                             -->
  12   <!--        "$RCSfile: pservers-grad-18-b.svg,v $" and "$Revision: 1.4 $"         -->
  13   <!--        fields in the file.                                           -->
  14   <!--        There is no need to update this information.                  -->
  15   <!-- =====================================================================-->
  16   <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="ED" owner="CC" desc="Tests inherit and currentColor on gradient stops" status="accepted" version="$Revision: 1.4 $" testname="$RCSfile: pservers-grad-18-b.svg,v $">
  17     <OperatorScript>
  18       <Paragraph>
  19         This test shows rectangles filled with gradient.
  20         Several gradients are defined, with two stops:
  21       </Paragraph>
  22       <Paragraph>
  23          MyGradient1
  24          The first stop defines a fully-opaque green color.
  25          The second stop explicitly inherits (i.e. using the 'inherit' keyword) its stop-color.
  26          The result should show a the top-left rectangle filled with a gradient from green to red since the stop-color is inherited from the location of the gradient definition.
  27       </Paragraph>
  28       <Paragraph>
  29          MyGradient2
  30          The first stop defines a fully-opaque green color.
  31          The second stop defines a green stop-color but explicitly inherits (i.e. using the 'inherit' keyword) the stop-opacity.
  32          The result should show a the top-right rectangle filled in green with a gradient opacity.
  33       </Paragraph>
  34       <Paragraph>
  35          MyGradient3
  36          The first stop defines a fully-opaque green color.
  37          The second stop does not specify the stop-color and the stop-opacity.
  38          Since both properties are not inherited, the initial value should be used.
  39          The result should show a the lower-left rectangle filled with a gradient going from fully-opaque green to fully-opaque black.
  40       </Paragraph>
  41       <Paragraph>
  42          MyGradient4
  43          The first stop defines a fully-opaque green color.
  44          The second stop specifies the stop-color using the 'currentColor' keyword.
  45          The result should show a the lower-right rectangle filled with a gradient going from fully-opaque green to fully-opaque yellow.
  46       </Paragraph>
  47     </OperatorScript>
  48   </SVGTestCase>
  49   <title id="test-title">$RCSfile: pservers-grad-18-b.svg,v $</title>
  50   <!--======================================================================-->
  51   <!--Content of Test Case follows...                  =====================-->
  52   <!--======================================================================-->
  53   <g id="test-body-content">
  54     <g id="g0" stop-color="red" stop-opacity="0.5" color="yellow">
  55       <linearGradient id="MyGradient1">
  56         <stop offset="0" stop-color="green" stop-opacity="1"/>
  57         <stop offset="1" stop-color="inherit" stop-opacity="1"/>
  58       </linearGradient>
  59       <linearGradient id="MyGradient2">
  60         <stop offset="0" stop-color="green" stop-opacity="1"/>
  61         <stop offset="1" stop-color="green" stop-opacity="inherit"/>
  62       </linearGradient>
  63       <linearGradient id="MyGradient3">
  64         <stop offset="0" stop-color="green" stop-opacity="1"/>
  65         <stop offset="1" />
  66       </linearGradient>
  67       <linearGradient id="MyGradient4">
  68         <stop offset="0" stop-color="green" stop-opacity="1"/>
  69         <stop offset="1" stop-color="currentColor" stop-opacity="1"/>
  70       </linearGradient>
  71     </g>
  72     <g id="g1" stop-color="blue">
  73       <rect id="r1" fill="url(#MyGradient1)" width="100" height="100" x="50" y="50"/>
  74     </g>
  75     <g id="g2" stop-opacity="1">
  76       <rect id="r2" fill="url(#MyGradient2)" width="100" height="100" x="200" y="50"/>
  77     </g>
  78     <g id="g3" stop-opacity="1" stop-color="blue">
  79       <rect id="r3" fill="url(#MyGradient3)" width="100" height="100" x="50" y="200"/>
  80     </g>
  81     <g id="g4" color="blue">
  82       <rect id="r4" fill="url(#MyGradient4)" width="100" height="100" x="200" y="200"/>
  83     </g>
  84   </g>
  85   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.4 $</text>
  86   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  87 </svg>