SVG <polygon>

SVG Polygon - <polygon>

<polygon> အဆိုပါ အီလက်ထရောနစ် အရာကို ပုံပေါင်းပါ

သုံးဆယ်အထိ တွဲဆက်ထားသော အနောက်ပိုင်းဖြစ်

"gon" သည် "အချိန်" ဟု အဓိပ္ပာယ်ပါ

"Poly" သည် "များ" ဟု အဓိပ္ပာယ်ပါ

Polygon သည် ဂရိဘာသာမှ ဆင်းသန်းလာပါ

ဒီ SVG ကုလားမှာ:

<svg height="210" width="500">
  အမှတ် 1 အကြောင်း

亲自试一试

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

  • အဆိုပါ အကြောင်းကို ပြောဆိုပါ

points အချက်အလက် ကို သုံးပါ

အမှတ် 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" />

အမှတ် 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;" />

亲自试一试

အမှတ် 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;" />

亲自试一试