use-localRef-mask-01.svg

Enable keyboard shortcuts

Checkerboard

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

  <title>Testcase for mask linked to local-ref URL</title>

  <defs>

    <mask id="circleMask1" x="0" y="0" width="100" height="100" >

      <circle cx="50" cy="50" r="0" style="stroke:none; fill: #ffffff"/>

    </mask>

    <mask id="circleMask2" x="0" y="0" width="100" height="100" >

      <circle cx="50" cy="150" r="40" style="stroke:none; fill: #ffffff"/>

    </mask>

    <mask id="circleMask3" x="0" y="0" width="100" height="100" >

      <circle cx="50" cy="250" r="40" style="stroke:none; fill: #ffffff"/>

    </mask>

  </defs>

  <style>

    #mask3 {

      mask: url(#circleMask3);

  </style>

  <use xlink:href="use-localRef-mask-resource.svg#mask1"/>

  <use xlink:href="use-localRef-mask-resource.svg#mask2" mask="url(#circleMask2)"/>

  <use xlink:href="use-localRef-mask-resource.svg#mask3"/>

</svg>