gradient-color-interpolation.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/pservers/reftests/gradient-color-interpolation.svg - WPT Dashboard Interop Dashboard

Checkerboard

<svg width="100%" height="100%"

  xmlns="http://www.w3.org/2000/svg"

  xmlns:html="http://www.w3.org/1999/xhtml">

  <g id="testmeta">

    <title>Gradient with color-interpolation: linearRGB</title>

    <html:link rel="help"

          href="https://www.w3.org/TR/SVG2/pservers.html#LinearGradients"/>

    <html:link rel="match" href="reference/gradient-color-interpolation-ref.svg" />

    <html:meta name="fuzzy" content="maxDifference=0-20;totalPixels=0-29200" />

  </g>

  <defs>

    <linearGradient id="gradientLinearRGB" gradientUnits="objectBoundingBox" color-interpolation="linearRGB">

      <stop offset="0" stop-color="white"/>

      <stop offset=".33" stop-color="blue"/>

      <stop offset=".66" stop-color="red"/>

      <stop offset="1" stop-color="yellow"/>

    </linearGradient>

  </defs>

  <rect x="20" y="20" width="200" height="200" style="fill:url(#gradientLinearRGB)" />

</svg>