blob: e797f6035e4407b2cf3e6d1e65bbddf3ff9f207b [file] [edit]
<!DOCTYPE html> <!-- webkit-test-runner [ LayerBasedSVGEngineEnabled=true ] -->
<html>
<head>
<style type="text/css">
rect {
transform-origin: 50% 50%;
transform-box: fill-box;
transform: rotate(45deg) translateZ(0);
}
</style>
<script type="text/javascript">
if (window.testRunner && window.internals) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
requestAnimationFrame(() => {
document.getElementById('out').textContent = internals.layerTreeAsText(document);
testRunner.notifyDone();
});
}
</script>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<rect x="100" y="100" width="100" height="100" fill="green"/>
</svg>
<pre id="out"/>
</body>
</html>