img-foreignObject-iframe-1b-helper.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <foreignObject x="0" y="0" width="100px" height="100px">

    <!-- lime background -->

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

         style="background:lime; width:100%; height:100%;">

      <!-- embedded iframe, whose contents shouldn't be shown, when we're

           being viewed as an image -->

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

              style="width:80px; height:80px; border: 0"

              src="data:text/html,%3Chtml%3E%3Cbody%20style%3D%22background-color%3A%20red%22%3Eiframe%20contents%3C%2Fbody%3E%3C%2Fhtml%3E"/>

    </div>

  </foreignObject>

</svg>