tor-browser

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

reference-mutated.html (914B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>CSS Masking: SVG clipPath dynamically updated.</title>
      4 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path">
      5 <link rel="match" href="reference/reference-mutated-ref.html">
      6 <meta name="assert" content="Test ensures that SVG clipPath updates properly when dynamically changed."/>
      7 
      8 <script src="/common/reftest-wait.js"></script>
      9 <script src="/common/rendering-utils.js"></script>
     10 
     11 <style>
     12 #target {
     13  width: 100px;
     14  height: 100px;
     15  background-color: green;
     16  clip-path: url(#clip);
     17 }
     18 </style>
     19 <div id="target"></div>
     20 <svg height="0" width="0">
     21  <defs>
     22    <clipPath id="clip" clipPathUnits="objectBoundingBox">
     23      <circle cx="0.5" cy="0.5" r="0.25"></circle>
     24    </clipPath>
     25  </defs>
     26 </svg>
     27 <script>
     28 waitForAtLeastOneFrame().then(function() {
     29  document.querySelector('circle').setAttribute('r', 1);
     30  takeScreenshot();
     31 });
     32 </script>