test-references/org/apache/batik/svggen/ContextGradient.svg

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20001102//EN' 'http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd'>
<svg contentScriptType="text/ecmascript" width="300" zoomAndPan="magnify" class="testC18" contentStyleType="text/css" height="400" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
  <!--Generated by the Batik Test Framework. Test:éj-->
  <defs id="genericDefs" />
  <g>
    <style type="text/css" space="preserve">
      <![CDATA[.testC1 {shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;}
.testC2 {stroke:none;}
.testC3 {fill:url(#testlinearGradient1);stroke:none;}
.testC4 {fill:none;}
.testC5 {shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;}
.testC6 {fill:none;}
.testC7 {shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;}
.testC8 {stroke:none;}
.testC9 {fill:url(#testlinearGradient2);stroke:none;}
.testC10 {fill:url(#testlinearGradient3);stroke:none;}
.testC11 {fill:none;}
.testC12 {shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;}
.testC13 {stroke:none;}
.testC14 {fill:url(#testlinearGradient4);stroke:none;}
.testC15 {shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;}
.testC16 {stroke:none;}
.testC17 {fill:url(#testlinearGradient5);stroke:none;}
.testC18 {stroke-dashoffset:0;text-rendering:auto;color-rendering:auto;stroke-linecap:square;fill:black;font-size:12;stroke-linejoin:miter;font-weight:normal;stroke:black;fill-opacity:1;font-style:normal;stroke-dasharray:none;stroke-miterlimit:10;color-interpolation:auto;image-rendering:auto;shape-rendering:auto;font-family:'Arial';stroke-width:1;stroke-opacity:1;}
]]>
    </style>
    <g>
      <defs id="testdefs1">
        <linearGradient x1="30" gradientUnits="userSpaceOnUse" x2="30" y1="40" y2="120" id="testlinearGradient1" spreadMethod="pad">
          <stop stop-opacity="1" stop-color="red" offset="0%" />
          <stop stop-opacity="1" stop-color="yellow" offset="100%" />
        </linearGradient>
        <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="20" y1="0" y2="0" id="testlinearGradient2" spreadMethod="pad">
          <stop stop-opacity="1" stop-color="red" offset="0%" />
          <stop stop-opacity="1" stop-color="yellow" offset="100%" />
        </linearGradient>
        <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="20" y1="0" y2="0" id="testlinearGradient3" spreadMethod="reflect">
          <stop stop-opacity="1" stop-color="red" offset="0%" />
          <stop stop-opacity="1" stop-color="yellow" offset="100%" />
        </linearGradient>
        <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="100" y1="0" y2="0" id="testlinearGradient4" spreadMethod="pad">
          <stop stop-opacity="1" stop-color="red" offset="0%" />
          <stop stop-opacity="1" stop-color="yellow" offset="100%" />
        </linearGradient>
        <linearGradient x1="10" gradientUnits="userSpaceOnUse" x2="110" y1="30" y2="30" id="testlinearGradient5" spreadMethod="pad">
          <stop stop-opacity="0" stop-color="rgb(255,0,0)" offset="0%" />
          <stop stop-opacity="1" stop-color="yellow" offset="100%" />
        </linearGradient>
      </defs>
      <g class="testC1">
        <text x="10" y="20" class="testC2">Simple vertical gradient
        </text>
        <rect width="100" x="10" height="100" y="30" class="testC3" />
        <path d="M-5 0 L5 0 M0 -5 L0 5" class="testC4" transform="translate(30,40)" />
      </g>
      <g class="testC5" transform="translate(30,120)">
        <path class="testC6" d="M-5 0 L5 0 M0 -5 L0 5" />
      </g>
      <g class="testC7" transform="translate(0,140)">
        <text x="10" y="20" class="testC8">Non Cyclic / Cyclic Gradients
        </text>
        <rect x="0" y="0" transform="translate(10,30)" width="100" class="testC9" height="30" />
        <rect x="0" y="0" transform="translate(10,60)" width="100" class="testC10" height="30" />
        <line transform="translate(10,60)" x1="0" x2="100" y1="0" y2="0" class="testC11" />
      </g>
      <g class="testC12" transform="translate(0,240)">
        <text x="10" y="20" class="testC13">Sheared GradientPaint
        </text>
        <rect x="0" y="0" transform="translate(10,25) matrix(1,0,0.5,1,0,0)" width="100" class="testC14" height="40" />
      </g>
      <g class="testC15" transform="translate(0,320)">
        <text x="10" y="20" class="testC16">Opacity in stop color
        </text>
        <rect width="100" x="10" height="30" y="30" class="testC17" />
      </g>
    </g>
  </g>
</svg>