SVG
पॉलीलाइन
खोज…
वाक्य - विन्यास
<polyline points="10,5 25,15 20,10" />
पैरामीटर
पैरामीटर | विवरण |
---|---|
अंक | अंक विशेषता अंकों की एक सूची को परिभाषित करती है। प्रत्येक बिंदु को कुल्हाड़ी द्वारा परिभाषित किया जाता है और उपयोगकर्ता समन्वय प्रणाली में समन्वय होता है। |
रेखा की चौड़ाई | स्ट्रोक की चौड़ाई |
स्ट्रोक-अस्पष्टता | स्ट्रोक की अस्पष्टता |
स्ट्रोक-dasharray | (वैकल्पिक) स्ट्रोक के लिए डैश पैटर्न निर्दिष्ट करता है |
स्ट्रोक-linecap | वैकल्पिक |
स्ट्रोक-linejoin | वैकल्पिक |
स्ट्रोक-miterlimit | (वैकल्पिक) एक मैटर के अधिकतम आयाम को निर्दिष्ट करता है। मिटर्ड जॉइन करता है कि यह सीमा एक बेवेल जॉइन में बदल जाती है। डिफ़ॉल्ट = "4" |
पॉलीलाइन सहित एसवीजी
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polyline points="10,5 25,15 20,10" />
</svg>
वैकल्पिक लाइनजाइन्स, लिनेकैप्स और मैटरलिमिट्स के साथ पॉलीइन्स
<svg width="600px" height="600px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<polyline points="10,10,50,40,80,30,120,90,130,10,180,50,250,100,300,10" fill="none" stroke="red" stroke-width="10" />
<text x="320" y="20">Default drawing stroke</text>
<g transform="translate(0,150)">
<polyline points="10,10,50,40,80,30,120,90,130,10,180,50,250,100,300,10" fill="none" stroke="red" stroke-width="10" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="2"/>
<text x="320" y="20">stroke-linecap="butt" (default)</text>
<text x="320" y="40">stroke-linejoin="miter"(default)</text>
<text x="320" y="60">stroke-miterlimit="2"</text>
</g>
<g transform="translate(0,300)">
<polyline points="10,10,50,40,80,30,120,90,130,10,180,50,250,100,300,10" fill="none" stroke="red" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
<text x="320" y="20">stroke-linecap="round" </text>
<text x="320" y="40">stroke-linejoin="round" </text>
</g>
<g transform="translate(0,450)">
<polyline points="10,10,50,40,80,30,120,90,130,10,180,50,250,100,300,10" fill="none" stroke="red" stroke-width="10" stroke-linecap="square" stroke-linejoin="bevel"/>
<text x="320" y="20">stroke-linecap="square"</text>
<text x="320" y="40">stroke-linejoin="bevel"</text>
</g>
</svg>
परिणाम
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow