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>