img-with-containment-and-size.html (605B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Ensure images with containment and size are rendered properly</title> 4 <meta charset="utf-8"> 5 <link rel="match" href="img-with-containment-and-size-ref.html"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element"> 7 <style> 8 img { 9 contain: paint; 10 width: 200px; 11 height: 100px; 12 will-change: transform; 13 } 14 </style> 15 <script> 16 onload = () => { 17 var i = new Image(); 18 i.onload = function() { 19 document.body.appendChild(i); 20 document.documentElement.classList.remove("reftest-wait"); 21 }; 22 i.src = "image.png"; 23 }; 24 </script>