gradient-after-reposition.html (875B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <link rel="match" href="gradient-after-reposition-ref.html"> 5 <link rel="help" href="https://crbug.com/1274630"> 6 <body> 7 <svg style="border: 1px solid gray;"> 8 <defs> 9 <linearGradient id="testGradient"> 10 <stop stop-color="#000000" offset="0%"/> 11 <stop stop-color="#000000" offset="50%"/> 12 <stop stop-color="#3dcd58" offset="50%"/> 13 <stop stop-color="#ff4a4a" offset="100%"/> 14 </linearGradient> 15 </defs> 16 <text id="test" fill="url(#testGradient)" x="25" y="50" font-weight="bold" font-size="40"> 17 Test gradient</text> 18 </svg> 19 20 <script> 21 requestAnimationFrame(() => { 22 requestAnimationFrame(() => { 23 const text = document.getElementById('test'); 24 text.setAttribute('x', '50'); 25 document.documentElement.classList.remove('reftest-wait'); 26 }); 27 }); 28 </script> 29 </body> 30 </html>