gradient-transform-02.svg

Enable keyboard shortcuts

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

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">

  <title>Gradients with non-invertible gradientTransforms, radialGradient</title>

  <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#pservers-RadialGradientElementGradientTransformAttribute"/>

  <h:link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-function-lists"/>

  <h:link rel="match" href="reference/green-100x100.svg"/>

  <radialGradient id="scale0" gradientTransform="scale(0)">

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

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

  </radialGradient>

  <rect width="50" height="100" fill="url(#scale0) green"/>

  <radialGradient id="matrix0" gradientTransform="matrix(0, 0, 0, 0, 0, 0)">

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

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

  </radialGradient>

  <rect x="50" width="50" height="100" fill="url(#matrix0) green"/>

</svg>