HTML canvas lineTo() ဘာသာ

HTML5 Canvas စာရင်း

အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း

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

အကြောင်းအရာသုံးပြီး stroke() ရှိသည် ရေးပြီး လမ်းကြောင်း ကို လက်ရှိ ပြုလုပ်သည်

အကြောင်း

လက်ရှိ အကြောင်း

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

Your browser does not support the HTML5 canvas tag.

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 အစိတ် ဖြင့် ပြန်လည်ပြောင်းလဲပါ

Your browser does not support the HTML5 canvas tag.

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> အရာ ကို ထောက်ပံ့ခြင်း မရှိပါ။

HTML5 Canvas စာရင်း