Wie zum einbetten eines HTML-div-Element innerhalb eines svg

Beispiel:

<div> Hello World </div>

<svg>
<div> From SVG Land</div>
</svg>

Frage:

Trotz der tags, werden SVG-Objekte separat analysiert und nicht einige richtige Teil in der dom-Struktur? Wie bekomme ich die DIVs innerhalb des SVG-Elemente?

InformationsquelleAutor | 2012-07-08
  1. 6

    Werfen Sie einen Blick auf Fremdkörper Anlage des svg. http://ajaxian.com/archives/foreignobject-hey-youve-got-html-in-my-svg

    • Eine Zusammenfassung des Links wäre nett. Es wurde geschrieben 4 Jahren, bevor Sie schrieb diese Antwort, und es ist jetzt 3 Jahre weiter nach. Die Tatsache, dass es noch ein Wunder ist, aber wir uns wohl nicht drücken unser Glück.
    • Es ist 2016 und der link ist noch da! 🙂
    • Grüße aus 2018 🙂
    InformationsquelleAutor Stasik
  2. 2

    Wie erwähnt von @Stasik, foreignObject verwendet werden kann.

    Beispiel:

    <svg>
    <foreignObject width="100" height="50"
               requiredExtensions="http://www.w3.org/1999/xhtml">
      <!-- XHTML content goes here -->
      <body xmlns="http://www.w3.org/1999/xhtml">
        <p>Here is a paragraph that requires word wrap</p>
      </body>
    </foreignObject>
<svg>

    Extrahiert aus: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject

    InformationsquelleAutor Parijat Khan
Schreibe einen Kommentar