mask-use-element-01.svg

Enable keyboard shortcuts

Checkerboard

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

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

  <defs>

    <mask id="myMask">

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

    </mask>

    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>

  </defs>

  <rect x="0" y="0" width="100%" height="100%" fill="lime"/>

  <use  xlink:href="#abc"

        x="100" y="100" mask="url(#myMask)"/>

</svg>