use-data-url-setAttribute.tentative.html (801B)
1 <!doctype HTML> 2 <meta charset="utf-8"> 3 <title>Testcase for changing a valid <use> to a data URL:</title> 4 <link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElementHrefAttribute"> 5 <link rel="match" href="reference/green-100x100.html"> 6 <script> 7 function go() { 8 const use = document.querySelector("use"); 9 use.setAttribute("href", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IGlkPSJvcmFuZ2UtcmVjdCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im9yYW5nZSIvPgo8L3N2Zz4=#orange-rect"); 10 } 11 </script> 12 <body onload="go()"> 13 <svg id="mySVG"> 14 <rect id="red" width="100" height="100" fill="red"></rect> 15 <rect id="green" width="100" height="100" fill="green"></rect> 16 <use x="100" y="0" href="#red"></use> 17 </svg> 18 </body>