content-visibility-canvas.html (1034B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>Content Visibility: hidden canvas</title> 5 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="content-visibility-canvas-ref.html"> 8 <meta name="assert" content="content-visibility hidden canvas element does not paint replaced content"> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 canvas { 14 width: 200px; 15 height: 200px; 16 background: green; 17 border: 1px solid black; 18 } 19 .hidden { 20 content-visibility: hidden; 21 } 22 </style> 23 24 <canvas id="canvas"> 25 </canvas> 26 27 <script> 28 async function runTest() { 29 var context = canvas.getContext("2d"); 30 context.fillStyle = "red"; 31 context.fillRect(0, 0, canvas.width, canvas.height); 32 33 canvas.classList.add("hidden"); 34 requestAnimationFrame(takeScreenshot); 35 } 36 37 window.onload = () => { 38 requestAnimationFrame(() => { 39 requestAnimationFrame(runTest); 40 }); 41 }; 42 </script> 43 </html>