mask-opacity-04.svg

Enable keyboard shortcuts

Checkerboard

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

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

  <title>Testcase for the combination of use, mask, fill-opacity</title>

  <!-- Shapes -->

  <defs>

    <rect id="frame" x="0" y="0" width="256" height="256"></rect>

    <circle id="outter" cx="128" cy="128" r="128"></circle>

  </defs>

  <!-- Masks -->

  <defs>

    <mask id="donut">

      <use xlink:href="#outter" fill="white"></use>

    </mask>

  </defs>

  <g transform="translate(0,0)">

    <use xlink:href="#frame" class="shape" fill-opacity="0.33" mask="url(#donut)"></use>

  </g>

</svg>