svg-in-foreignObject-01.xhtml (918B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 6 7 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=411146 --> 8 9 <title>Test percentages dimensions for SVG inside a foreignObject</title> 10 11 <foreignObject width="50%" height="50%"> 12 <svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%"> 13 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 14 </svg> 15 </foreignObject> 16 17 <svg x="25%" width="25%" height="25%"> 18 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 19 </svg> 20 <svg y="25%" width="25%" height="25%"> 21 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 22 </svg> 23 <svg x="25%" y="25%" width="25%" height="25%"> 24 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 25 </svg> 26 27 </svg>