Quelle  svg-in-foreignObject-02.xhtml   Sprache: unbekannt

<!--
     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>