20 lines
629 B
HTML
20 lines
629 B
HTML
<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>
|