masked.html (742B)
1 <!doctype HTML> 2 <title>Tests that an SVG mask applies to a foreignObject element</title> 3 <link rel="match" href="masked-ref.html"> 4 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 5 <link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#embedded-ForeignObjectElement"/> 6 <meta name="fuzzy" content="maxDifference=0-138; totalPixels=0-124"> 7 <svg style="display: block"> 8 <foreignObject x="0" y="0" width="32" height="32" mask="url(#circle)"> 9 <div style="width: 32px; height: 32px; background: green"></div> 10 </foreignObject> 11 <mask id="circle" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"> 12 <circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle> 13 </mask> 14 </svg>