nested-mask-mode.svg

Enable keyboard shortcuts

Checkerboard

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

  <title>Testcase for mask-mode in a nested mask.</title>

  <mask id="m1" width="1" height="1">

    <!-- Set mask-mode as alpha. The fill color of the rect in m2 should

         not effect mask result. -->

    <rect x="0" y="0" width="100" height="100" mask="url(#m2)" style="fill: #ffffff; mask-mode:alpha;"/>

  </mask>

  <mask id="m2" width="1" height="1">

    <rect x="0" y="0" width="100" height="50" style="fill:#000000"/>

  </mask>

  <rect width="100" height="100" fill="blue" mask="url(#m1)" />

</svg>