HTML canvas fill() နည်းလမ်း
ဥပမာ
150*100 ပစ်ဇယ်စတုဂံနှစ်ခုဆွဲပါ။ တစ်ခုအား အနီရောင်တစ်ခုနှင့် အခြားတစ်ခုအား အပြာရောင်ဖြင့် ဖြည့်ပါ-
JavaScript-
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill();
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
| Method | |||||
|---|---|---|---|---|---|
| fill() | Yes | 9.0 | Yes | Yes | Yes |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
fill() method သည် လက်ရှိ ပုံ (path) ကို ဖြည့်ပေးသည်။ မူရင်းအရောင်မှာ အနက်ရောင်ဖြစ်သည်။
အကြံပြုချက်- အခြားအရောင်/အရောင်ခြယ်မှုဖြင့် ဖြည့်စွက်ရန် fillStyle ပိုင်ဆိုင်မှု ကို အသုံးပြုပါ ။
မှတ်ချက်- လမ်းကြောင်းကို မပိတ်ပါက၊ fill() method သည် လမ်းကြောင်းပိတ်ရန် (closePath() ကဲ့သို့) လမ်းကြောင်းကိုပိတ်ရန် နောက်ဆုံးအမှတ်မှ စာကြောင်းတစ်ကြောင်းကို ပေါင်းထည့်မည်ဖြစ်သည် ။
| JavaScript syntax- | အကြောင်းအရာ .fill(); |
|---|
❮ HTML Canvas အကိုးအကား