जावास्क्रिप्ट (कोई पुस्तकालय) के साथ एसवीजी व्यूबॉक्स में हेरफेर करें

Question

मैं जावास्क्रिप्ट में एक एसवीजी तत्वों को देखने का प्रयास कर रहा हूं। असल में, मैं एक बाइनरी खोज पेड़ खींच रहा हूं, और जब यह बहुत व्यापक हो जाता है, तो मैं ज़ूम आउट करने के लिए व्यूबॉक्स को बदलना चाहता हूं ताकि पेड़ खिड़की में फिट हो। मैं वर्तमान में उपयोग कर रहा हूँ:

if(SVGWidth>=1000){ 
    var a = document.getElementById('svgArea'); 
    a.setAttribute("viewbox","0 0 " + SVGWidth + " 300"); 
} 

HTML है:

<svg id="svgArea" xmlns="w3.org/2000/svg"; xmlns:xlink="w3.org/1999/xlink"; width="1000" height="300" viewBox="0 0 1000 300"> 

मैं भी setAttributeNS का उपयोग कर की कोशिश की है ('अशक्त', ...) लेकिन यह है कि या तो काम करने के लिए नहीं मालूम था। मैंने देखा है कि एक अजीब चीज यह है कि जब मैं चेतावनी देता हूं (ए) यह [वस्तु SVGSVGElement] देता है जो अजीब लगता है। किसी भी मदद की सराहना की है।

Answer 1

यह svg के संदर्भ को देखने के लिए अच्छा होगा, लेकिन एक शुद्ध एसवीजी दस्तावेज़ के साथ मेरे लिए काम किया है: क्योंकि viewBox केस-संवेदी है

shape = document.getElementsByTagName("svg")[0]; 
shape.setAttribute("viewBox", "-250 -250 500 750"); 

शायद यह है?

Answer 2

आपको अपने कोड में एक त्रुटि है: "व्यूबॉक्स" "व्यूबॉक्स" से अलग है ... बी अपरकेस में है। कोड को बदलें:

a.setAttribute("viewBox","0 0 " + SVGWidth + " 300");