एचटीएमएल ग्राफिक्स

ग्राफिक्स होम

गूगल मानचित्र

मानचित्र परिचय मैप्स बेसिक मैप्स ओवरले मानचित्र घटनाक्रम मानचित्र नियंत्रण मानचित्र प्रकार मानचित्र संदर्भ

एसवीजी ट्यूटोरियल

एसवीजी परिचय एचटीएमएल में एसवीजी एसवीजी आयत एसवीजी सर्किल एसवीजी एलिप्से एसवीजी लाइन एसवीजी बहुभुज एसवीजी पॉलीलाइन एसवीजी पथ एसवीजी पाठ एसवीजी पथपाकर एसवीजी फ़िल्टर परिचय एसवीजी धुंधला प्रभाव एसवीजी ड्रॉप शैडो एसवीजी रैखिक एसवीजी रेडियल एसवीजी उदाहरण एसवीजी संदर्भ

कैनवास ट्यूटोरियल

कैनवास परिचय कैनवास ड्राइंग कैनवास निर्देशांक कैनवास ग्रेडिएंट कैनवास पाठ कैनवास छवियां कैनवास संदर्भ

कैनवास घड़ी

घड़ी परिचय घडी का मुख घड़ी संख्या हाथ घड़ी घड़ी प्रारंभ

एचटीएमएल गेम

खेल परिचय खेल कैनवास खेल के घटक खेल नियंत्रक खेल बाधाएं गेम स्कोर खेल छवियां खेल ध्वनि गेम ग्रेविटी खेल उछल खेल रोटेशन खेल आंदोलन

एसवीजी <पॉलीलाइन>


एसवीजी पॉलीलाइन - <पॉलीलाइन>

उदाहरण 1

<पॉलीलाइन> तत्व का उपयोग किसी भी आकृति को बनाने के लिए किया जाता है जिसमें केवल सीधी रेखाएं होती हैं (जो कई बिंदुओं पर जुड़ी होती है):

Sorry, your browser does not support inline SVG.

यहाँ एसवीजी कोड है:

उदाहरण

<svg height="200" width="500">
  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
  style="fill:none;stroke:black;stroke-width:3" />
</svg>

कोड स्पष्टीकरण:

  • अंक विशेषता पॉलीलाइन को खींचने के लिए आवश्यक बिंदुओं की सूची (एक्स और वाई निर्देशांक के जोड़े) को परिभाषित करती है

उदाहरण 2

केवल सीधी रेखाओं वाला एक और उदाहरण:

Sorry, your browser does not support inline SVG.

यहाँ एसवीजी कोड है:

उदाहरण

<svg height="180" width="500">
  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
  style="fill:white;stroke:red;stroke-width:4" />
</svg>