Canvas translate() ပုံစံ
ဖော်ပြချက် နှင့် အသုံးပြုခြင်း
translate() ပုံစံ ပြီး ရေးဆွဲသည့် ကြောင့်
အကြောင်းကြားချက်:translate() ပြီးနောက် ကျွန်တော် ကျွန်ုပ်ကို လက်ဆုံးသို့ ခေါ်ဆိုသော fillRect() ပုံစံတွေ x နှင့် y အတိုင်းဖြင့်
ပုံစံ
စတုံး ကို စိတ်ဝန်းကျင် (10,10) တွင် ဖျက်ထားပြီး အခြား (0,0) အခြေအနေ ကို (70,70) အဖြစ် သတ်မှတ်ပြီး နောက်ပြီး အခြား စတုံး ကို ဖျက်ထားပြီး (80,80) တွင် စတုံး ဖြစ်သည့် ကို မျှော်လင့်ပါ (စုံစမ်းမှုများ အပေါ်တွင်)
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
ပုံစံ
context.translate(x,y);
သဘောထား
| သဘော | ဖော်ပြ |
|---|---|
| x | တပ်ရိုက်ထားသော လက်ရှိအတိုင်းဖြင့် ကို သို့မဟုတ်。 |
| y | တပ်ရိုက်ထားသော တိကက်အတိုင်းဖြင့် ကို သို့မဟုတ်。 |
ဘတ်ယား ကူညီ
အချက်အလက် အရ ထိပ်ဆုံး ကူညီသော ဘတ်ယား မှ အသုံးပြုသည့် အခြေခံ အမျိုးအစား ကို အချက်ပြထားသည်။
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
အကြောင်းကြားချက်:Internet Explorer 8 နှင့် အနည်းဆုံး အစိတ်အချုပ် မှ <canvas> အရာ ကို ကူညီမပေးပါ။
