Esempio:Come incorporare un div HTML all'interno di una svg
<div> Hello World </div>
<svg>
<div> From SVG Land</div>
</svg>
Domanda:
Nonostante i tag, sono oggetti SVG analizzati separatamente e non una parte adeguata della struttura DOM? Come posso ottenere i DIV all'interno degli elementi SVG?
Dai un'occhiata alla struttura di oggetti stranieri di svg. http://ajaxian.com/archives/foreignobject-hey-youve-got-html-in-my-svg
Come menzionato da @Stasik, è possibile utilizzare foreignObject.
Esempio:
<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>
Estratto da:https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject
Una sintesi del collegamento sarebbe bello. È stato scritto 4 anni prima che tu scrivessi questa risposta, e ora sono passati altri 3 anni. Il fatto che sia ancora in piedi è un miracolo, ma probabilmente non dovremmo premere sulla fortuna. – trysis
È il 2016 e il collegamento è ancora lì! :) – cesarpachon