खोज…
परिचय
पथ SVG का सबसे लचीला तत्व है। एक पथ क्यूबिक या द्विघात बेज़ियर कर्व्स की एक श्रृंखला है, जो जुड़े हुए स्प्लिन में व्यवस्थित है। एक पथ एक लूप में खुला या बंद हो सकता है, या यह कई उप-घटकों के साथ जटिल हो सकता है। यदि कोई पथ सरल नहीं है, तो भरने का नियम यह तय करने में महत्वपूर्ण है कि पथ के अंदर या बाहर कौन से क्षेत्र हैं।
पथ सामान्य रूप से स्वचालित संपादकों द्वारा बनाए जाएंगे। आमतौर पर द्विघात पथ का उपयोग फोंट के लिए किया जाता है, और चित्रण के लिए क्यूबिक पथ।
पैरामीटर
| गुण / पैरामीटर | विवरण |
|---|---|
| घ | आरेख बनाने वाले आदेशों के क्रम को परिभाषित करता है। उदाहरण d = "M 50,60 L50,60"। अपरकेस ड्राइंग कमांड निरपेक्ष निर्देशांक नामित करते हैं। लोअरकेस ड्राइंग कमांड्स सापेक्ष निर्देशांक नामित करते हैं। |
| (...) | ड्राइंग कमांड |
| एम / एम | वर्तमान ड्राइंग स्थिति को XY d = "M XY" में ले जाएं |
| एल / एल | X, Y d = "L XY" के लिए एक रेखा खींचें |
| वी / वी | Y d = "V Y" के लिए एक लंबवत रेखा खींचें |
| ज / एच | X d = "H X" के लिए एक क्षैतिज रेखा खींचें |
| एक / ए | एक्स, वाई को आरएक्स और आरआई के एक निहित त्रिज्या के साथ एक आर्क ड्रा करें और एक्स-अक्ष-रोटेशन द्वारा निर्दिष्ट रोटेशन। बड़े चाप और स्वीप झंडे 4 संभावित आर्कों में से एक का चयन करते हैं जो इन बाधाओं को संतुष्ट करते हैं। d = "ए आरएक्स रे एक्स-एक्सिस-रोटेशन (डिग्री) लार्ज-आर्क-फ्लैग (0/1) स्वीप-फ्लैग (0/1) एक्स, वाई"। |
| क्यू / क्यू | X, Y को कंट्रोल पॉइंट X1Y1 d = "X1Y1 X Y" का उपयोग करके द्विघात बेज़ियर वक्र को ड्रा करें |
| टी / टी | एक आशुलिपि द्विआधारी bezier वक्र (नियंत्रण बिंदु की गणना वर्तमान ड्राइंग स्थिति के माध्यम से पिछले q / Q ड्राइंग कमांड के नियंत्रण बिंदु के प्रतिबिंब के रूप में की जाती है) |
| सी / सी | एक्स, Y1 और X2, Y2 d = "C X1Y1, X2Y2, XY" का उपयोग करके X, Y का क्यूबिक बीज़ियर वक्र खींचना |
| एस / एस | एक शॉर्टहैंड क्यूबिक बीज़ियर वक्र बनाएं (पहला नियंत्रण बिंदु वर्तमान ड्राइंग स्थिति के माध्यम से पिछले सी / सी ड्राइंग कमांड के दूसरे नियंत्रण बिंदु के प्रतिबिंब के रूप में गणना की जाती है)। |
| - जेड / जेड | पथ प्रारंभ करने के लिए एक रेखा खींचकर पथ को बंद करें (या यदि किसी अन्य z का उपयोग पहले किया गया है) |
| (...) | (सूची का अंत) |
| पथ की लंबाई | (वैकल्पिक) लेखक को एक नाममात्र पथ निर्दिष्ट करने की अनुमति देता है जिसका उपयोग अन्य गणनाओं में अंशांकन के लिए किया जाएगा, उदाहरण के लिए पाठ के लिए पथ |
| स्ट्रोक पैरामीटर | सभी आकार और आरेखण तत्वों के बीच सामान्य |
| आघात | पथ का रंग |
| रेखा की चौड़ाई | पथ की चौड़ाई |
टिप्पणियों
एसवीजी path तत्व के बारे में विस्तृत जानकारी एसवीजी के लिए डब्ल्यू 3 सी सिफारिश में पाई जा सकती है।
एल पथ कमांड का उपयोग करके एक विकर्ण नीली रेखा खींचें
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M 10,10 L 100,50" stroke="blue" stroke-width="5" />
</svg>
परिणाम:
एच ड्राइंग कमांड का उपयोग करके एक क्षैतिज नारंगी रेखा खींचें
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M 10,10 H 200" stroke="orange" stroke-width="5" />
</svg>
परिणाम:
एल (सापेक्ष रेखा) पथ कमांड का उपयोग करके एक लाल क्रॉस खींचें
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M 10,10 l 90,90 M 100,10 l -90,90" stroke="red" stroke-width="10" />
</svg>
परिणाम:
V पथ कमांड का उपयोग करके एक ऊर्ध्वाधर हरी रेखा खींचना
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M 10,10 V 200" stroke="green" stroke-width="5" />
</svg>
परिणाम:
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow