2012-07-08 12 views
6

Przykład:Jak osadzić div HTML wewnątrz SVG

<div> Hello World </div> 

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

Pytanie:

Pomimo znaczniki są obiekty SVG analizowanych osobno, a nie jakiś właściwej części drzewa DOM? Jak uzyskać elementy DIV wewnątrz elementów SVG?

Odpowiedz

1

Jak wspomniano w @Stasik, można użyć foreignObject.

Przykład:

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

wydobywać:https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject