use-localRef-mask-01-ref.svg 914 B

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