use-dynamic-attribute-setting.html | Explore in Territory

<!DOCTYPE HTML>
<html>
<body>
This test passes if there are two green squares below:<br>
<svg width="300" height="300">
  <defs>
    <svg id="svg" width="10" height="10">
      <rect width="100%" height="100%" fill="green"/>
    </svg>
  </defs>
  <use id="use1" xlink:href="#svg" x="0" y="0" width="100" height="100"/>
  <use id="use2" xlink:href="#svg" x="100" y="100" width="10" height="10"/>
</svg>
<script>
  onload = function() {
    // Wait until first layout is finished.
    window.requestAnimationFrame(function() {
      document.getElementById('use2').setAttribute('width', '100');
      document.getElementById('use2').setAttribute('height', '100');
    });
  }
</script>
</body>
</html>

chromium/third_party/blink/web_tests/svg/custom/use-dynamic-attribute-setting.html