SVG <path>
<path> टैग का इस्तेमाल पथ को परिभाषित करने के लिए किया जाता है。
<path> टैग
<path> टैग का इस्तेमाल पथ को परिभाषित करने के लिए किया जाता है。
पथ डाटा के लिए नीचे दिए गए कमांड इस्तेमाल किए जा सकते हैं:
- M = moveto
- L = lineto
- H = horizontal lineto
- V = vertical lineto
- C = curveto
- S = smooth curveto
- Q = quadratic Belzier curve
- T = smooth quadratic Belzier curveto
- A = elliptical Arc
- Z = closepath
टिप्पणी:इस सभी कमांडों में छोटे अक्षर का इस्तेमाल किया जाता है। बड़े अक्षरों का इस्तेमाल अभिकर्ता स्थान के लिए किया जाता है, जबकि छोटे अक्षरों का इस्तेमाल अभिकर्ता स्थान के लिए किया जाता है。
नीचे दिए गए कोड को नोटबुक में नक़ल करें, फिर फ़ाइल को "path1.svg" नाम से सहेजें। इस फ़ाइल को आपके वेब डिरेक्ट्री में रखें:
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M250 150 L150 350 L350 350 Z" /> </svg>
ऊपरी उदाहरण में एक पथ को परिभाषित किया गया है जो 250 150 स्थान से शुरू होता है, 150 350 स्थान तक पहुंचता है, फिर वहां से 350 350 स्थान तक चलता है और अंत में 250 150 पथ को बंद करता है。
इस उदाहरण में एक स्पाइरल बनाया गया है:
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">उदाहरण देखें
