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>

ɑ ɔt

কোডটি ব্যাখ্যা:

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

ɑ ɔt

উদাহরণ 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>

ɑ ɔt

উদাহরণ 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>

ɑ ɔt