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

   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>