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

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

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

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

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

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

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

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

कैनवास घड़ी

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

एचटीएमएल गेम

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

एसवीजी <बहुभुज>


एसवीजी बहुभुज - <बहुभुज>

<बहुभुज> तत्व का उपयोग ग्राफिक बनाने के लिए किया जाता है जिसमें कम से कम तीन पक्ष होते हैं।

बहुभुज सीधी रेखाओं से बने होते हैं, और आकार "बंद" होता है (सभी रेखाएँ जुड़ती हैं)।

बहुभुज ग्रीक से आता है। "पॉली" का अर्थ है "कई" और "गॉन" का अर्थ है "कोण"।


उदाहरण 1

निम्नलिखित उदाहरण तीन भुजाओं वाला बहुभुज बनाता है:

Sorry, your browser does not support inline SVG.

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

उदाहरण

<svg height="210" width="500">
  <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

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

  • अंक विशेषता बहुभुज के प्रत्येक कोने के लिए x और y निर्देशांक को परिभाषित करती है

उदाहरण 2

निम्नलिखित उदाहरण चार भुजाओं वाला बहुभुज बनाता है:

Sorry, your browser does not support inline SVG.

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

उदाहरण

<svg height="250" width="500">
  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>


उदाहरण 3

स्टार बनाने के लिए <बहुभुज> तत्व का प्रयोग करें:

Sorry, your browser does not support inline SVG.

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

उदाहरण

<svg height="210" width="500">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>

उदाहरण 4

भरण-नियम गुण को "ईवनोड" में बदलें:

Sorry, your browser does not support inline SVG.

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

उदाहरण

<svg height="210" width="500">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>