tor-browser

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

clip-path-transform-mutated-002.html (1056B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>CSS Masking: Mutating a &lt;clipPath&gt;s 'transform' updates the clip path</title>
      4 <link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com">
      5 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"">
      6 <link rel="help" href="https://crbug.com/881700">
      7 <link rel="match" href="reference/clip-path-transform-mutated-002-ref.html">
      8 <meta name="assert" content="Check that clipPath's clients should be notified when the 'transform' presentation attribute (or CSS property) was mutated on a <clipPath>."/>
      9 
     10 <script src="/common/reftest-wait.js"></script>
     11 <script src="/common/rendering-utils.js"></script>
     12 
     13 <style>
     14 #target {
     15  width: 100px;
     16  height: 100px;
     17  background-color: green;
     18  clip-path: url(#clip);
     19 }
     20 </style>
     21 <div id="target"></div>
     22 <svg>
     23  <clipPath id="clip">
     24    <rect width="1" height="1"/>
     25  </clipPath>
     26 </svg>
     27 <script>
     28  waitForAtLeastOneFrame().then(function() {
     29    clip.setAttribute('transform', 'scale(100 100)');
     30    takeScreenshot();
     31  });
     32 </script>