| <html xmlns="http://www.w3.org/1999/xhtml"> |
| |
| <!-- |
| Verify that changing the SVG transform-origin CSS property attribute works correctly. Note that |
| the default transform-origin for an SVG element is 0 0. |
| |
| The green 100x100 rectangle should appear at 25,25. |
| --> |
| |
| <body> |
| <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;"> |
| <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" style="transform: scale(2, 2); transform-box: fill-box;"/> |
| </svg> |
| |
| <script><![CDATA[ |
| document.getElementById('rect').style.transformOrigin = "50% 50%"; |
| ]]></script> |
| </body> |
| </html> |
