tor-browser

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

valid-image-before-load.https.html (982B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
      4 <link rel="match" href="valid-image-before-load-ref.html">
      5 <style>
      6    #output {
      7        width: 100px;
      8        height: 100px;
      9        background-color: red;
     10    }
     11 </style>
     12 <script src="/common/reftest-wait.js"></script>
     13 <body>
     14 <div id="output"></div>
     15 
     16 <script id="code" type="text/worklet">
     17 registerPaint('green', class {
     18    paint(ctx, geom) {
     19        ctx.fillStyle = 'green';
     20        ctx.fillRect(0, 0, geom.width, geom.height);
     21    }
     22 });
     23 </script>
     24 
     25 <script>
     26 var el = document.getElementById('output');
     27 el.style.backgroundImage = 'paint(green)';
     28 
     29 var blob = new Blob([document.getElementById('code').textContent],
     30                    {type: 'text/javascript'});
     31 var frame_cnt = 0;
     32 CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
     33    requestAnimationFrame(function() {
     34        takeScreenshot(frame_cnt);
     35    });
     36 });
     37 </script>
     38 </body>
     39 </html>