mask-contains-inner-svg-02.svg 466 B

12345678910111213141516
  1. <?xml version="1.0"?>
  2. <svg xmlns="http://www.w3.org/2000/svg">
  3. <defs>
  4. <mask id="myMask">
  5. <svg x="25%" overflow="visible">
  6. <svg x="25%" overflow="visible">
  7. <polygon fill="white" points="-50 0 50 0 50 100 -50 100"/>
  8. </svg>
  9. </svg>
  10. </mask>
  11. </defs>
  12. <rect width="100%" height="100%" fill="lime"/>
  13. <circle cx="50%" cy="50" r="40" fill="red"/>
  14. <rect mask="url(#myMask)" width="100%" height="100%" fill="lime"/>
  15. </svg>