Canvas lineTo() အက္ခရာ

Canvas အခြေခံအကြိုးပမ်း

အသုံးပြုနည်းနည်း နှင့် အကျိုးသုံး

lineTo() အချက်အလက် တစ်ခုကို ပြင်ဆင်ပြီး ထိုအချက်အလက် မှ လက်ဖြောင့် အချက်အလက် ကို ရောက်ရှိသော လက်ဖြောင့် လက်ဖြောင့် ဖွင့်ပြီး (အဆိုပါ အချက်အလက် က လမ်းကြောင်း ကို ဖွင့်လိမ့်မည် မဟုတ်)

အကြောင်းကြားချက်အသုံးပြုပါ stroke() လုံးချုပ် လုံးချုပ် အချက်အလက် ကို လက်ဖြောင့် ဖွင့်ပြီး လက်ဖြောင့် လက်ဖြောင့် လက်ဖြောင့် ဖွင့်ပြီး

အမျိုးမျိုး အစီအစဉ်

အမှတ် 1

လမ်းကြောင်းတစ်ခုကို ဖွင့်ပြီး စာရင်းမှတ် 0,0 သို့ ပြောင်းရွှေ့သည်။ စာရင်းမှတ် 300,150 သို့ ရောက်ရှိသော လမ်းကြောင်းတစ်ခုကို ဖွင့်ပြီး

ကျော်ကြားသည့်ဘာသာကို လုပ်ပေးနိုင်ခြင်း မရှိပါဘူးကြောင်း HTML5 ကျမ်းလုံးဖိုင်ချိုး

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

ကိုယ်တိုင် ကျင်းပခြင်း

အကြောင်းကြားချက်အချက်အလက် ပေါ်မူးယား

အက္ခရာ

context.lineTo(x,y);

ပါအမှတ် အသုံးချက်

ပါအမှတ် ဖော်ပြ
x လမ်းကြောင်းရှိ စာရင်းမှတ် ကို အမှတ်တိုင်း x စာရင်းမှတ်
y လမ်းကြောင်းရှိ စာရင်းမှတ် ကို အမှတ်တိုင်း y စာရင်းမှတ်

အခြား အမျိုးမျိုး အစီအစဉ်

အမှတ် 2

လမ်းကြောင်းတစ်ခုကို ဖွင့်ပြီး အစ္စလာမ်း L အပေါ်မူးယား

ကျော်ကြားသည့်ဘာသာကို လုပ်ပေးနိုင်ခြင်း မရှိပါဘူးကြောင်း HTML5 ကျမ်းလုံးဖိုင်ချိုး

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.stroke();

ကိုယ်တိုင် ကျင်းပခြင်း

ဘူတာသုံး ထောက်ပံ့

အချက်အလက်များ သည် အားနည်းချက် အားကွယ်ရာ ကို ပထမဆုံး ထောက်ပံ့သော ဘူတာသုံး ဘာသာ ကို ညွှန်ပြသည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

အကြောင်းကြားချက်:Internet Explorer 8 နှင့် အရေးပါသော အခြေခံသတင်းများ သည် <canvas> အားကွယ်ရာ ကို ထောက်ပံ့ခြင်း မရှိပါ။

Canvas အခြေခံအကြိုးပမ်း