blob: 2c89c68b1628f1a7a03265fdaad7d26062f6895e [file] [log] [blame]
<html xmlns="">
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.
<svg xmlns="" 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"/>
document.getElementById('rect').style.webkitTransformOrigin = "50% 50%";