text-clipped-offscreen-move-onscreen.html (718B)
1 <!doctype HTML> 2 <title>Test combination of overflow clipping and offscreen SVG text</title> 3 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 4 <link rel=match href="text-clipped-offscreen-move-onscreen-ref.html"> 5 <link rel="help" href="https://www.w3.org/TR/SVG11/text.html#TextElement"> 6 <div style="position: relative; overflow: hidden; width: 300px; height: 400px;"> 7 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="300px" height="400px"> 8 <text id="target" x="15" y="-50000000000">VISIBLE</text> 9 </svg> 10 11 </div> 12 <script> 13 let target = document.getElementById('target'); 14 15 onload = function() { 16 requestAnimationFrame(() => target.setAttribute('y', 150)); 17 }; 18 19 </script>