clip-02a.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 -->

  <svg clip="auto">

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

  </svg>

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

    <rect y="210" width="120" height="110" fill="red" />

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

  </svg>

  <svg clip="rect(210, auto, 310, 210)">

    <rect x="200" y="200" width="110" height="120" fill="red" />

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

  </svg>

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

    <rect y="400" width="120" height="110" fill="red" />

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

  </svg>

  <svg clip="rect(410, 310, 510, auto)">

    <rect x="210" y="400" width="110" height="120" fill="red" />

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

  </svg>

</svg>