clip-01.svg - mozsearch

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" version="1.1">

  <title>Testcase for clip property</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=481614 -->

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

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

  <svg clip="rect(10, 110, 110, 10)">

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

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

  </svg>

  <svg clip="rect(0, 0, 0, 0)">

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

  </svg>

</svg>