2012-07-08 18 views
6

उदाहरण के अंदर एक HTML div एम्बेड करने के लिएकैसे एक svg

टैग, एसवीजी वस्तुओं को अलग से पार्स कर रहे हैं और नहीं डोम पेड़ के कुछ उचित हिस्सा होने के बावजूद? मैं एसवीजी तत्वों के अंदर डीआईवी कैसे प्राप्त करूं?

उत्तर

5

svg की विदेशी वस्तुओं की सुविधा पर नज़र डालें। http://ajaxian.com/archives/foreignobject-hey-youve-got-html-in-my-svg

+1

लिंक का एक सारांश अच्छा होगा। यह उत्तर लिखने से 4 साल पहले लिखा गया था, और उसके बाद अब 3 साल आगे है। तथ्य यह अभी भी एक चमत्कार है, लेकिन हमें शायद हमारी किस्मत नहीं दबानी चाहिए। – trysis

+0

यह 2016 है और लिंक अभी तक है! :) – cesarpachon

1

जैसा कि @Stasik द्वारा उल्लिखित है, विदेशी ऑब्जेक्ट का उपयोग किया जा सकता है।

उदाहरण:

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

से निकाला गया:https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject

संबंधित मुद्दे