path-zoom.html (780B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Test of dynamic zoom on path.</title> 4 <link rel="help" 5 href="https://www.w3.org/TR/SVG2/paths.html#PathElement"> 6 <link rel="match" href="path-zoom-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 <script src="/common/rendering-utils.js"></script> 9 <style type="text/css"> 10 path { 11 stroke-width: 10px; 12 stroke: blue; 13 fill: lime; 14 } 15 svg { 16 width: 100px; 17 height: 100px; 18 border: 1px solid black; 19 background: red; 20 } 21 </style> 22 <script> 23 function Zoom() { 24 document.getElementById("changeMyZoom").style.zoom = "400%"; 25 takeScreenshot(); 26 } 27 </script> 28 <body onload="waitForAtLeastOneFrame().then(Zoom)"> 29 <svg id="changeMyZoom"> 30 <path d="m 5 5 h90 v90 h-90 z"></path> 31 </svg> 32 </body> 33 </html>