Canvas beginPath() စနစ်
အသုံးပြုခြင်း နှင့် အသုံးချခြင်း
beginPath()
အမှန်တကယ် လမ်းကြောင်း စတင်ခြင်း သို့မဟုတ် ဖြစ်ပျက်သွားသော လမ်းကြောင်း အား ပြန်လည်ဖွင့်ခြင်း စနစ်
အကြောင်းအရာသုံးပြီးပြီ အမှန်တကယ် လမ်းကြောင်း ဖွင့်ခြင်း အတွက် သုံးပြီးပြီ: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() နှင့် arc()
အကြောင်းအရာသုံးပြီးပြီ stroke() အော်ပရိတ္တာပြု ပုံများ ပေါ်တွင် အမှန်တကယ် လမ်းကြောင်း ပြန်ဆိုင်းခြင်း စနစ်
အကြိမ်
အော်ပရိတ္တာပြု ပုံများ ပေါ်တွင် လမ်းကြောင်း နှစ်လမ်း ဖြင့် ပြန်ဆိုင်းခြင်း; ပန်းအား နှင့် အိတ်အား
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // ပန်းအားရောင် ပြန်ဆိုင်းခ�င်း ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // ဖြင့် ပြန်ဆိုင်းခြင်း ctx.beginPath(); ctx.strokeStyle="blue"; // အိတ်အားရောင် ပြန်ဆိုင်းခြင်း ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // ဖြင့် ပြန်ဆိုင်းခြင်း
ပြောင်းလဲ
context.beginPath();
ဘတ်ယား ကူညီ
အချက်အလက် အရ ထိပ်တန်း သုံးခြား ကူညီပေးသော ဘတ်ယားအသုံးပြု
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ဖော်ပြချက်:Internet Explorer 8 နှင့် ပိုမိုကြီးသော အော်ဂန်း မှ အော်ဂန်း <canvas> အရာကို ကူညီမပေးဘဲ။