use-localRef-clipPath-01-ref.svg 671 B

1234567891011121314151617
  1. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2. <title>Reference for clipPath linked to local-ref URL</title>
  3. <defs>
  4. <clipPath id="clip1">
  5. <circle cx="50" cy="50" r="50"/>
  6. </clipPath>
  7. <clipPath id="clip2">
  8. <circle cx="50" cy="150" r="50"/>
  9. </clipPath>
  10. <clipPath id="clip3">
  11. <circle cx="50" cy="250" r="50"/>
  12. </clipPath>
  13. </defs>
  14. <rect x="0" y="0" width="100" height="100" fill="blue" clip-path="url(#clip1)"/>
  15. <rect x="0" y="100" width="100" height="100" fill="blue" clip-path="url(#clip2)"/>
  16. <rect x="0" y="200" width="100" height="100" fill="blue" clip-path="url(#clip3)"/>
  17. </svg>