LayoutTests/svg/W3C-SVG-1.1/pservers-grad-18-b.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny-flat.dtd">
<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">
  <!--======================================================================-->
  <!--=  Copyright 2006 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <!-- NOTE:  CVS will automatically update the                             -->
  <!--        "$RCSfile: pservers-grad-18-b.svg,v $" and "$Revision: 1.4 $"         -->
  <!--        fields in the file.                                           -->
  <!--        There is no need to update this information.                  -->
  <!-- =====================================================================-->
  <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 $">
    <OperatorScript>
      <Paragraph>
        This test shows rectangles filled with gradient. 
        Several gradients are defined, with two stops:
      </Paragraph>
      <Paragraph>
         MyGradient1 
         The first stop defines a fully-opaque green color. 
         The second stop explicitly inherits (i.e. using the 'inherit' keyword) its stop-color.
         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. 
      </Paragraph>
      <Paragraph>
         MyGradient2 
         The first stop defines a fully-opaque green color. 
         The second stop defines a green stop-color but explicitly inherits (i.e. using the 'inherit' keyword) the stop-opacity.
         The result should show a the top-right rectangle filled in green with a gradient opacity. 
      </Paragraph>
      <Paragraph>
         MyGradient3 
         The first stop defines a fully-opaque green color. 
         The second stop does not specify the stop-color and the stop-opacity.
         Since both properties are not inherited, the initial value should be used.
         The result should show a the lower-left rectangle filled with a gradient going from fully-opaque green to fully-opaque black. 
      </Paragraph>
      <Paragraph>
         MyGradient4 
         The first stop defines a fully-opaque green color. 
         The second stop specifies the stop-color using the 'currentColor' keyword.
         The result should show a the lower-right rectangle filled with a gradient going from fully-opaque green to fully-opaque yellow. 
      </Paragraph>
    </OperatorScript>
  </SVGTestCase>
  <title id="test-title">$RCSfile: pservers-grad-18-b.svg,v $</title>
  <!--======================================================================-->
  <!--Content of Test Case follows...                  =====================-->
  <!--======================================================================-->
  <g id="test-body-content">
    <g id="g0" stop-color="red" stop-opacity="0.5" color="yellow">
      <linearGradient id="MyGradient1">
        <stop offset="0" stop-color="green" stop-opacity="1"/>
        <stop offset="1" stop-color="inherit" stop-opacity="1"/>
      </linearGradient>
      <linearGradient id="MyGradient2">
        <stop offset="0" stop-color="green" stop-opacity="1"/>
        <stop offset="1" stop-color="green" stop-opacity="inherit"/>
      </linearGradient>
      <linearGradient id="MyGradient3">
        <stop offset="0" stop-color="green" stop-opacity="1"/>
        <stop offset="1" />
      </linearGradient>
      <linearGradient id="MyGradient4">
        <stop offset="0" stop-color="green" stop-opacity="1"/>
        <stop offset="1" stop-color="currentColor" stop-opacity="1"/>
      </linearGradient>
    </g>
    <g id="g1" stop-color="blue">
      <rect id="r1" fill="url(#MyGradient1)" width="100" height="100" x="50" y="50"/>
    </g>
    <g id="g2" stop-opacity="1">
      <rect id="r2" fill="url(#MyGradient2)" width="100" height="100" x="200" y="50"/>
    </g>
    <g id="g3" stop-opacity="1" stop-color="blue">
      <rect id="r3" fill="url(#MyGradient3)" width="100" height="100" x="50" y="200"/>
    </g>
    <g id="g4" color="blue">
      <rect id="r4" fill="url(#MyGradient4)" width="100" height="100" x="200" y="200"/>
    </g>
  </g>
  <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.4 $</text>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
</svg>