HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML canvas stroke() နည်းလမ်း

❮ HTML Canvas အကိုးအကား

ဥပမာ

အနီရောင်ဖြင့် အက္ခရာ L အဖြစ်ပုံဖော်ထားသော လမ်းကြောင်းတစ်ခုဆွဲပါ။

သင်၏ဘရောက်ဆာသည် HTML5canvastag ကိုမပံ့ပိုးပါ။

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.strokeStyle = "red";
ctx.stroke();

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Method
stroke() Yes 9.0 Yes Yes Yes

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

stroke() method သည် အဆိုပါ moveTo() နှင့် lineTo() နည်းလမ်းများအားလုံးဖြင့် သင်သတ်မှတ်ထားသော လမ်းကြောင်းကို အမှန်တကယ် ဆွဲပါသည်။ မူရင်းအရောင်မှာ အနက်ရောင်ဖြစ်သည်။

အကြံပြုချက်- အခြားအရောင်/အရောင်ခြယ်မှုဖြင့် ဆွဲရန် strokeStyle ပိုင်ဆိုင်မှု ကို အသုံးပြုပါ ။

JavaScript syntax- စကား စပ် .stroke();

❮ HTML Canvas အကိုးအကား