зеркало из https://github.com/mozilla/pjs.git
30 строки
1009 B
HTML
30 строки
1009 B
HTML
|
<!--
|
||
|
Any copyright is dedicated to the Public Domain.
|
||
|
http://creativecommons.org/licenses/publicdomain/
|
||
|
-->
|
||
|
<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" 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>
|