Quelle  active-clip-and-mask-ref.html

<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>