SVG <polygon>
SVG Polygon - <polygon>
<polygon> ဒြပ်စင်အား အနည်းဆုံး ဘက်သုံးဘက်ပါရှိသော ဂရပ်ဖစ်ဖန်တီးရန် အသုံးပြုသည်။
Polygons များကို မျဉ်းဖြောင့်များဖြင့် ပြုလုပ်ထားပြီး ပုံသဏ္ဍာန်မှာ "ပိတ်" (လိုင်းများအားလုံး ချိတ်ဆက်ထားသည်)။
Polygon သည် ဂရိမှ ဆင်းသက်လာသည်။ "Poly" သည် "များစွာ" နှင့် "gon" သည် "ထောင့်" ဖြစ်သည်။
ဥပမာ ၁
အောက်ဖော်ပြပါ ဥပမာသည် ဘက်သုံးထောင့်ပါသော polygon တစ်ခုကို ဖန်တီးသည်-
ဤသည်မှာ SVG ကုဒ်ဖြစ်သည်
ဥပမာ
<svg height="210" width="500">
<polygon points="200,10 250,190 160,210"
style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
ကုဒ်၏ ရှင်းလင်းချက်
- အချက်များ attribute သည် polygon ၏ထောင့်တစ်ခုစီအတွက် x နှင့် y သြဒိနိတ်များကို သတ်မှတ်သည်။
ဥပမာ ၂
အောက်ဖော်ပြပါ ဥပမာသည် လေးဘက်လေးတန်ရှိသော polygon တစ်ခုကို ဖန်တီးသည်-
ဤသည်မှာ 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>
ဥပမာ ၃
ကြယ်တစ်ပွင့်ဖန်တီးရန် <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>
ဥပမာ ၄
ဖြည့်စွက်စည်းမျဉ်းကို "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>