2009-11-29 17 views
6

मैं क्या करने की कोशिश की इसएसवीजी से कैसे लिंक करें?

<a xlink:target="http://ponyoverflow.com"> 
    <text class="text" x="20" y="718" text-anchor="start">Mail Order Ponies</text> 
</a> 

और href और type="simple" साथ रूपों है।

लिंक टेक्स्ट प्रकट होता है, लेकिन लिंक क्लिक करने योग्य नहीं है। मैंने फ़ायरफ़ॉक्स 3.5.5, क्रोमियम, इंकस्केप और गनोम छवि व्यूअर का प्रयास किया।

क्या वाक्यविन्यास में कुछ गड़बड़ है और यदि कोई ऐसा अनुप्रयोग नहीं है जो एसवीजी में लिंक का समर्थन करता है?

+0

जैसा कि मैंने समझा, xlink: लक्ष्य एचटीएमएल @ टाइटेट जैसा ही है, जैसे कुख्यात लक्ष्य = "_ blank"। एरिक का समाधान काम करता है, हालांकि, मैंने देखा है (जैसा कि यह करने के लिए यह कैनोलिक तरीका है ;-)) – Boldewyn

उत्तर

14

इस प्रयास करें:

<a xlink:href="http://ponyoverflow.com"> 
    <text class="text" x="20" y="718" text-anchor="start">Mail Order Ponies</text> 
</a> 

... और सुनिश्चित करें कि आप svg मूल तत्व पर एक विशेषता xmlns:xlink="http://www.w3.org/1999/xlink" किया हुआ है।

+0

धन्यवाद एरिक, जैसा कि आपने सुझाव दिया है। मैंने * href * संस्करण की कोशिश की, लेकिन केवल जावास्क्रिप्ट से उत्पन्न होने पर, जो अभी भी काम नहीं करता है। मैंने सत्यापित किया कि जावास्क्रिप्ट वास्तव में उपरोक्त आउटपुट (दस्तावेज़ के साथ सहेजा गया) फ़ायरफ़ॉक्स उत्पन्न करता है। अब के लिए मेरा कामकाज लिंक को हार्डकोड करना और गतिशील रूप से उचित स्थिति में ले जाना है। यदि कोई विचार है कि जेनरेट किया गया लिंक क्लिक करने योग्य नहीं है तो मैं जानना चाहता हूं। –

+0

यहां देखें: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#xlink –

+0

@ एरिक हाय एरिक, मैं डी 3 के साथ काम कर रहा हूं और जानना चाहता हूं कि मैं विशेषता कैसे सेट करूं ' xmlns: svg में xlink'। यहां मेरा प्रश्न है http: // stackoverflow.com/प्रश्न/19987032/add-attribute-xmlnsxlink-to-svg-using-d3' – Kraken

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