Support transform-box to switch sizing box in SVG
[WebKit-https.git] / LayoutTests / svg / transforms / change-transform-origin-presentation-attribute.xhtml
1 <html xmlns="http://www.w3.org/1999/xhtml">
2
3 <!--
4 Verify that changing the SVG transform-origin presentation attribute works correctly.
5
6 The green 100x100 rectangle should appear at 25,25.
7 -->
8
9 <body>
10   <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;">
11       <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" transform-origin="0 0" style="transform: scale(2, 2); transform-box: fill-box;"/>
12   </svg>
13
14   <script><![CDATA[
15
16       document.getElementById('rect').setAttribute("transform-origin", "50% 50%")
17
18   ]]></script>
19 </body>
20 </html>