active-clip-and-mask-ref.html

Enable keyboard shortcuts

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">

  <rect width="100%" height="100%" fill="grey"/>

  <g transform="translate(80 30)">

    <rect x="-80" y="100" width="100" height="100" fill="blue"/>

    <rect x="-60" y="120" width="40" height="40" fill="grey"/>

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

    <rect x="80" y="120" width="40" height="40" fill="grey"/>

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

  </g>

</svg>