2012-03-25 10 views
6

में टेक्स्ट तत्व के लिए सेटिंग लाइन ऊंचाई रैफेल के साथ उत्पन्न एक मल्टीलाइन टेक्स्ट तत्व के लिए लाइन ऊंचाई बढ़ाना चाहूंगा। यह काम नहीं करता है:रैफेल

text_element.attr({"line-height": "16" }); 

यह कैसे किया जा सकता है? धन्यवाद

उत्तर

6

आप निम्नलिखित कर सकते हैं, लेकिन यह सुंदर नहीं है और राफेल द्वारा प्रदान किए गए encapsulation को तोड़ता है। निम्नलिखित पर विचार करें:

text_element = r.text(10, 10, "Text in\nRaphael\nis a pain"); 

text_element.node.childNodes[0].setAttribute('dy', 0); 
text_element.node.childNodes[1].setAttribute('dy', 5); 
text_element.node.childNodes[2].setAttribute('dy', 5); 

यह डिफ़ॉल्ट फ़ॉन्ट सेटिंग्स के साथ पाठ की अतिव्यापी रेखाएं उत्पन्न करेगा।

यदि मैं एक बेहतर तरीका खोजता हूं, तो मैं अपना उत्तर अपडेट करूंगा।

+0

यह मेरे लिए काम किया। अफसोस की बात है कि मैंने उपरोक्त सभी उदाहरणों और भाग्य की कोशिश की। धन्यवाद। –