blob: a4ad669b6e0d3236b5ae13183559c10af47192c7 [file] [log] [blame]
<html xmlns="">
<title>foreignObject is an abs pos containing block, and can be rotated</title>
<style type="text/css">
html { padding: 8px; margin: 0; }
body { margin: 0; padding: 0; }
div { width: 200px; height: 200px; }
.test { position: absolute; left: 50px; top: 0; width: 150px }
<svg style="overflow: visible" xmlns="" width="200" height="200">
<circle cx="100" cy="100" r="50" fill="green"/>
<foreignObject x="0" y="0" width="200" height="200" transform="rotate(45)">
<div xmlns="" class="test"> There should be a green circle and this text should be rotated by 45 degrees.</div>