2012-11-15 19 views
6

में सीधी रेखा को आकर्षित करने के तरीके पर स्पष्टीकरण मुझे राफेल में पथ निर्माता पर कुछ मदद चाहिए। मुझे यकीन नहीं है कि एक बिंदु से दूसरे बिंदु तक सीधी रेखा कैसे खींची जाए। मैंRaphael.js

var line = paper.path(M 100 0 1 0 30 100) 

मैं अंक 2 के लिए point1 (100 0) से एक रेखा खींच करना चाहते हैं (30 100)

उत्तर

15

यह बहुत सरल है:

var line = paper.path("M100,0 L30,100"); 

तुम भी बाहर अपने पथ का निर्माण कर सकते सरणी, जो कुछ परिस्थितियों में वास्तव में उपयोगी है।

var line = paper.path(["M", 100, 0, "L", 30, 100 ]); 
+1

धन्यवाद। एम और एल –

+3

एम = "स्थानांतरित करें" और एल = "लाइन टू" क्या है। पथ वाक्यविन्यास पूरी तरह से निर्देश आधारित है। यदि आप कमांड की पूरी सूची चाहते हैं, तो http://www.w3.org/TR/SVG/paths.html पर w3c spec देखें। –

+0

यह भी ध्यान देने योग्य है कि आप लगभग हर निर्देश के सापेक्ष संस्करणों का उपयोग कर सकते हैं - इसलिए "एम 100,0 एल 30,100" और "एम 100,0 एल -70,100" एक ही आउटपुट का उत्पादन करेंगे। –