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