tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

mask-image-svg-foreignobject-zoomed.html (636B)


      1 <!doctype html>
      2 <title>&lt;mask> on &lt;foreignObject> in zoomed SVG</title>
      3 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
      4 <link rel="help" href="https://drafts.fxtf.org/css-masking/#svg-masks">
      5 <style>
      6  svg {
      7    zoom: 2;
      8  }
      9  .inner {
     10    width: 100%;
     11    height: 100%;
     12    background: green;
     13  }
     14 </style>
     15 <p>Test passes if there is a filled green square.</p>
     16 <svg>
     17  <rect width="50" height="50" fill="red"/>
     18  <mask id="m">
     19    <rect width="50" height="50" fill="white"/>
     20  </mask>
     21  <foreignObject width="50" height="50" mask="url(#m)">
     22    <div class="inner"></div>
     23  </foreignObject>
     24 </svg>