SVG <polygon>

SVG बहुभुज - <polygon>

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

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

Polygon शब्द ग्रीक भाषा से आया है।"Poly" का अर्थ "कई" है और "gon" का अर्थ "दूरी" है。

उदाहरण 1

तीन बाहुओं वाला बहुभुज बनाने वाला उदाहरण:

यह SVG कोड है:

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

स्वयं आयात्रा करें

कोड व्याख्या:

• points एट्रिब्यूट वाला बहुभुज के हर कोण के x और y स्थान निर्धारित करता है

उदाहरण 2

इस उदाहरण में चार बाहुओं वाला बहुभुज बनाया गया है:

यह 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

उपयोग करके <polygon> एक तारा बनाने वाला एलीमेंट बनाएं:

यह 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

fill-rule एट्रिब्यूट को बदलकर "evenodd":

यह 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>

स्वयं आयात्रा करें