geometry-background-image-tiled-001.https.html (930B)
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="geometry-background-image-tiled-001-ref.html"> 5 <style> 6 html, body { margin: 0; padding: 0; } 7 .container { 8 width: 100px; 9 height: 100px; 10 background: paint(geometry) top left/50% 50% repeat-x; 11 } 12 13 #canvas-geometry { 14 background-image: paint(geometry); 15 } 16 </style> 17 <script src="/common/reftest-wait.js"></script> 18 <script src="/common/worklet-reftest.js"></script> 19 <body> 20 <div id="canvas-geometry" class="container"></div> 21 22 <script id="code" type="text/worklet"> 23 registerPaint('geometry', class { 24 paint(ctx, geom) { 25 ctx.fillStyle = 'green'; 26 ctx.rect(0, 0, geom.width, geom.height); 27 ctx.fill(); 28 } 29 }); 30 </script> 31 32 <script> 33 importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent); 34 </script> 35 </body> 36 </html>