use-localRef-mask-resource.svg 802 B

12345678910111213141516
  1. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2. <defs>
  3. <mask id="circleMask1" x="0" y="0" width="100" height="100" >
  4. <circle cx="50" cy="50" r="40" style="stroke:none; fill: #ffffff"/>
  5. </mask>
  6. <mask id="circleMask2" x="0" y="0" width="100" height="100" >
  7. <circle cx="50" cy="150" r="0" style="stroke:none; fill: #ffffff"/>
  8. </mask>
  9. <mask id="circleMask3" x="0" y="0" width="100" height="100" >
  10. <circle cx="50" cy="250" r="0" style="stroke:none; fill: #ffffff"/>
  11. </mask>
  12. </defs>
  13. <rect id="mask1" x="10" y="10" width="80" height="80" fill="blue" mask="url(#circleMask1)"/>
  14. <rect id="mask2" x="10" y="110" width="80" fill="blue" height="80"/>
  15. <rect id="mask3" x="10" y="210" width="80" fill="blue" height="80"/>
  16. </svg>