render-sync-with-font-size.html (713B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Render is synchronized with font-size change</title> 4 <link rel="match" href="render-sync-with-font-size-ref.html"> 5 <svg width="400" height="400" style="font-size:10px" onload="main()"> 6 <rect width="5em" height="5em" rx="5px" ry="5px" fill="magenta" /> 7 <circle cx="10em" cy="5em" r="4em" fill="purple" /> 8 <line y1="6em" x2="15em" y2="6em" stroke="skyblue" /> 9 </svg> 10 <script> 11 function main() { 12 window.requestAnimationFrame(() => { 13 let s = document.querySelector("svg"); 14 s.style.fontSize = "20px"; 15 window.requestAnimationFrame(() => { 16 document.documentElement.removeAttribute("class"); 17 }); 18 }); 19 }; 20 </script> 21 </html>