खोज…


वाक्य - विन्यास

  • <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