image-compositing-change.html (931B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Composited images correctly re-raster when the image and bounds change</title> 4 <meta charset="utf-8"> 5 <meta name=fuzzy content="maxDifference=0-150;totalPixels=0-296"> 6 <link rel="match" href="image-compositing-change-ref.html"/> 7 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element"> 8 <style> 9 #change { 10 will-change:transform; 11 height:426px; width:426px; 12 } 13 </style> 14 <img id="change" src="image.png"></img> 15 <img id="original" src="../../../../images/green-16x16.png"></img> 16 <script> 17 window.onload = () => { 18 requestAnimationFrame(() => { 19 requestAnimationFrame(() => { 20 let image = document.querySelector('#change'); 21 image.style.width = image.style.height = "75px"; 22 image.src = original.src; 23 24 requestAnimationFrame(() => { 25 document.documentElement.classList.remove("reftest-wait"); 26 }); 27 }); 28 }); 29 } 30 </script>