mask-transformed-01.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" width="400" height="400">

  <defs>

    <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">

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

    </mask>

  </defs>

  <foreignObject width="100%" height="100%" transform="scale(0.5)">

    <svg style="width:100%; height:100%;">

      <rect width="100%" height="100%" fill="lime" mask="url(#m1)"/>

    </svg>

  </foreignObject>

</svg>