clipPath-and-shape-rendering-01-ref.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

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

  <title>Test that shape-rendering hint affects clipping</title>

  <desc>

    By not setting explict shape-rendering attribute, this test tells browsers to

    apply anti-aliasing to all shape's rendering. And this test checks the hint

    correctly affects clip-path, too.

  </desc>

  <defs>

    <g id="circles">

      <circle cx="50" cy="50" r="50" fill="lime"/>

      <circle cx="150" cy="50" r="50" fill="lime"/>

    </g>

  </defs>

  <use xlink:href="#circles"/>

</svg>