क्या एसवीजी तत्व

Question

के अंदर एक div को जोड़ना संभव है, मैं एक svg के अंदर एक HTML div जोड़ने की कोशिश कर रहा हूं, जिसे मैं ग्राफ बनाने की कोशिश कर रहा हूं। मैं नीचे दिए गए कोड का उपयोग करके इसे जोड़ने की कोशिश कर रहा हूं, लेकिन जब मैं फ़ायरबग का उपयोग कर तत्व का निरीक्षण करता हूं .. div को "rect" तत्व कोड के अंदर दिखाया गया है, लेकिन यह ग्राफ UI में दिखाई नहीं देता है। क्या यह तरीका है कि मैं कोशिश कर रहा हूं या svg के अंदर एक div जोड़ने के लिए असंभव बैठता है?

 marker.append("rect").attr("width", "50px").attr("height", "50px").append("div").attr("id", function (d) { 
      return "canvas_" + d.key.split(" ").join("_"); 
     }).style("width", "50px").style("height", "50px"); 

Answer 1

आप एसवीजी (तकनीकी रूप से आप foreignObject साथ कर सकते हैं करने के लिए HTML संलग्न नहीं कर सकता है, लेकिन यह एक खरगोश की मांद है)। इसके अलावा, एसवीजी में दृश्य तत्वों को घोंसला नहीं किया जा सकता है, इसलिए circle, rect, path जैसे तत्व और ऐसे में बच्चे तत्व नहीं हो सकते हैं।

Answer 2

आप उसी पंक्ति में "रेक्ट" के साथ-साथ "div" को जोड़ने की कोशिश कर रहे हैं। Porbably कि वह जगह है जहाँ आप ... एसवीजी के आधार पर इसकी एक अद्भुत पुस्तकालय बाहर असफल रहे हैं चेक डी 3 के लिए इन tutotials http://alignedleft.com/tutorials/d3/drawing-svgs/

Answer 3

मैं <g> तत्व का उपयोग करने पर भी विचार करता हूं क्योंकि यह वस्तुओं को समूहबद्ध करके <div> के समान उद्देश्य प्रदान करता है। More about it here।