19 lines
584 B
HTML
19 lines
584 B
HTML
<html>
|
|
<body>
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
|
|
<!-- The FO should be visible and completely cover the red rect. -->
|
|
<rect id="rect" width="100" height="100" fill="red"/>
|
|
<g>
|
|
<foreignObject id="fo" width="100" height="100">
|
|
<div style="background-color: green; width: 100px; height: 100px;"/>
|
|
</foreignObject>
|
|
</g>
|
|
</svg>
|
|
<script>
|
|
var pos = Math.round(window.innerWidth * 2 / 3);
|
|
document.getElementById('rect').setAttribute('x', pos);
|
|
document.getElementById('fo').setAttribute('x', pos);
|
|
</script>
|
|
</body>
|
|
</html>
|