test-references/org/apache/batik/svggen/Gradient.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 stroke-dasharray="none" shape-rendering="auto" xmlns="http://www.w3.org/2000/svg" font-family="&apos;Arial&apos;" width="300" text-rendering="auto" fill-opacity="1" contentScriptType="text/ecmascript" color-rendering="auto" color-interpolation="auto" preserveAspectRatio="xMidYMid meet" font-size="12" fill="black" stroke="black" image-rendering="auto" stroke-miterlimit="10" zoomAndPan="magnify" stroke-linecap="square" stroke-linejoin="miter" contentStyleType="text/css" font-style="normal" height="400" stroke-width="1" stroke-dashoffset="0" font-weight="normal" stroke-opacity="1">
  <!--Generated by the Batik Graphics2D SVG Generator-->
  <defs id="genericDefs" />
  <g>
    <defs id="defs1">
      <linearGradient x1="30" gradientUnits="userSpaceOnUse" x2="30" y1="40" y2="120" id="linearGradient1" 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="linearGradient2" 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="linearGradient3" 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="linearGradient4" 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="linearGradient5" 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 text-rendering="optimizeLegibility" shape-rendering="geometricPrecision">
      <text x="10" y="20" stroke="none">Simple vertical gradient
      </text>
      <rect x="10" y="30" fill="url(#linearGradient1)" width="100" height="100" stroke="none" />
      <path fill="none" d="M-5 0 L5 0 M0 -5 L0 5" transform="translate(30,40)" />
    </g>
    <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(30,120)">
      <path fill="none" d="M-5 0 L5 0 M0 -5 L0 5" />
    </g>
    <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(0,140)">
      <text x="10" y="20" stroke="none">Non Cyclic / Cyclic Gradients
      </text>
      <rect x="0" y="0" transform="translate(10,30)" fill="url(#linearGradient2)" width="100" height="30" stroke="none" />
      <rect x="0" y="0" transform="translate(10,60)" fill="url(#linearGradient3)" width="100" height="30" stroke="none" />
      <line transform="translate(10,60)" fill="none" x1="0" x2="100" y1="0" y2="0" />
    </g>
    <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(0,240)">
      <text x="10" y="20" stroke="none">Sheared GradientPaint
      </text>
      <rect x="0" y="0" transform="translate(10,25) matrix(1,0,0.5,1,0,0)" fill="url(#linearGradient4)" width="100" height="40" stroke="none" />
    </g>
    <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(0,320)">
      <text x="10" y="20" stroke="none">Opacity in stop color
      </text>
      <rect x="10" y="30" fill="url(#linearGradient5)" width="100" height="30" stroke="none" />
    </g>
  </g>
</svg>