LayoutTests/svg/custom/use-property-changes-through-dom.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2   <defs>
   3     <rect id="rect" fill="green" width="100" height="100"/>
   4   </defs>
   5
   6   <g transform="translate(50 10)">
   7     <rect fill="red" width="100" height="100"/>
   8     <use id="use1" xlink:href="#none"/>
   9   </g>
  10
  11   <g transform="translate(0 60)">
  12     <use id="use2" xlink:href="#rect"/>
  13   </g>
  14
  15   <text x="60" y="140">You should see two green rectangles.</text>
  16
  17   <script>
  18     <![CDATA[
  19      document.getElementById("use2").setAttribute("transform", "translate(200 -50)");
  20      document.getElementById("use1").setAttributeNS("http://www.w3.org/1999/xlink", "href", "#rect");
  21     ]]>
  22   </script>
  23 </svg>