enveloped-tree-1-ref.xhtml

Enable keyboard shortcuts

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <title>Enveloped tree</title>

  </head>

  <body>

    <!-- First tree -->

    <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"

      id="adopter">

      <rect x="0" y="0" width="199" height="199"

        style="fill: none; stroke: black"/>

      <circle cx="100" cy="50" r="15" fill="skyblue" stroke="black"

        stroke-width="1"/>

      <!-- Second tree -->

      <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"

        id="adoptee">

        <rect x="0" y="0" width="199" height="199"

          style="fill: none; stroke: black"/>

        <circle cx="100" cy="110" r="15" fill="greenyellow" stroke="black"

          stroke-width="1"/>

      </svg>

    </svg>

  </body>

</html>