svg-in-foreignObject-02.xhtml (1016B)
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 <div xmlns="http://www.w3.org/1999/xhtml" style="width:100%;height:100%;"> 13 <svg xmlns="http://www.w3.org/2000/svg" style="width: 50%; height: 50%"> 14 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 15 </svg> 16 </div> 17 </foreignObject> 18 19 <svg x="25%" width="25%" height="25%"> 20 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 21 </svg> 22 <svg y="25%" width="25%" height="25%"> 23 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 24 </svg> 25 <svg x="25%" y="25%" width="25%" height="25%"> 26 <ellipse cx="50%" cy="50%" rx="50%" ry="50%" fill="blue"/> 27 </svg> 28 29 </svg>