gecko-dev/layout/reftests/svg/svg-in-foreignObject-02.xhtml

30 lines
1016 B
HTML

<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 -->
<title>Test percentages dimensions for SVG inside a foreignObject</title>
<foreignObject width="50%" height="50%">
<div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;">
<svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%">
<ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
</svg>
</div>
</foreignObject>
<svg x="25%" width="25%" height="25%">
<ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
</svg>
<svg y="25%" width="25%" height="25%">
<ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
</svg>
<svg x="25%" y="25%" width="25%" height="25%">
<ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/>
</svg>
</svg>