javascript आप किसी <img> तत्व में किसी SVG फ़ाइल की सामग्री तक कैसे पहुंच सकते हैं?





2 Answers

मुझे यकीन है कि यह संभव नहीं है। बाहरी एसवीजी एक इनलाइन एसवीजी के रास्ते में डीओएम का हिस्सा नहीं है, और मुझे विश्वास नहीं है कि आप लोडिंग दस्तावेज़ से एसवीजी डोम पेड़ तक पहुंच सकते हैं।

एजेक्स अनुरोध का उपयोग करके आप एसवीजी को एक्सएमएल के रूप में लोड कर सकते हैं, और इसे डीओएम में एक इनलाइन एसवीजी के रूप में डालें, फिर आप चल सकते हैं और हेरफेर कर सकते हैं। यह डी 3 उदाहरण तकनीक का प्रदर्शन करता है। मुझे लगता है कि यहां इस्तेमाल किया गया d3.xml() फ़ंक्शन d3.xml() jQuery के $.ajax() d3.xml() बराबर कम या कम है d3.xml() dataType: "xml"

javascript html html5 svg

मान लें कि यह आपके एचटीएमएल में है:

<img src='example.svg' />

जावास्क्रिप्ट के माध्यम से example.svg की सामग्री (यानी <rect>, <circle>, <ellipse> , आदि ..) तक आप कैसे पहुंचेंगे?




नहीं, संभव नहीं है लेकिन आप यहां <img> से <svg> को कन्वर्ट कर सकते हैं जैसा कि HERE बताया गया है और आप बस डीओएम में svg में नोड्स तक पहुंच सकते हैं।




Related