svg-in-foreignObject-02.xhtml

Enable keyboard shortcuts

<!--↩

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