text-gradient-04-ref.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <title>Reference for gradients being positioned correctly within filters</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->

  <clipPath id="c">

    <path d="M 130,70 h 40 v 40 h -40 z

             M 230,70 h 40 v 40 h -40 z"/>

  </clipPath>

  <g clip-path="url(#c)">

    <rect x="100" y="50" width="100" height="100" fill="red"/>

    <rect x="200" y="50" width="100" height="100" fill="blue"/>

  </g>

</svg>