mask-opacity-01.svg 595 B

12345678910111213
  1. <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  2. <title>Testcase for the combination of mask, clipPath and opacity</title>
  3. <defs>
  4. <mask id="m1" maskContentUnits="objectBoundingBox" style="mask-type: alpha;">
  5. <rect width="1" height="1" style="stroke:#ffffff; fill: #ffffff; opacity: 0.5;" mask="url(#m2)"/>
  6. </mask>
  7. <mask id="m2" maskContentUnits="objectBoundingBox" style="mask-type: alpha;">
  8. <rect width="0.5" height="1" style="stroke:none; fill: #ffffff"/>
  9. </mask>
  10. </defs>
  11. <rect width="100" height="100" fill="blue" mask="url(#m1)"/>
  12. </svg>