clipPath-basic-07.svg

Enable keyboard shortcuts

Checkerboard

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

  <defs>

    <clipPath id="clip">

      <metadata/>

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

    </clipPath>

  </defs>

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

  <rect fill="lime" clip-path="url(#clip)" width="100%" height="100%" />

</svg>