src/third_party/WebKit/LayoutTests/svg/custom/use-dynamic-attribute-setting.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 This test passes if there are two green squares below:<br>
   5 <svg width="300" height="300">
   6   <defs>
   7     <svg id="svg" width="10" height="10">
   8       <rect width="100%" height="100%" fill="green"/>
   9     </svg>
  10   </defs>
  11   <use id="use1" xlink:href="#svg" x="0" y="0" width="100" height="100"/>
  12   <use id="use2" xlink:href="#svg" x="100" y="100" width="10" height="10"/>
  13 </svg>
  14 <script>
  15   onload = function() {
  16     // Wait until first layout is finished.
  17     window.requestAnimationFrame(function() {
  18       document.getElementById('use2').setAttribute('width', '100');
  19       document.getElementById('use2').setAttribute('height', '100');
  20     });
  21   }
  22 </script>
  23 </body>
  24 </html>