| <!DOCTYPE html> | |
| <svg style="display:none;"> | |
| <rect id="rectReference" width="200" height="200" fill="red" /> | |
| </svg> | |
| <template id="template"> | |
| <svg width="100" height="100" style="display:none;"> | |
| <rect id="rectReference" width="100" height="100" fill="green" /> | |
| </svg> | |
| <svg width="100" height="100"> | |
| <rect width="100" height="100" fill="red" /> | |
| <use xlink:href="#rectReference" /> | |
| </svg> | |
| </template> | |
| <script> | |
| document.body.createShadowRoot().appendChild(template.content.cloneNode(true)); | |
| </script> |