အချက်အလက် လက်ပုံ

HTML <canvas> အကိုးအခံ အရေးဆိုတာ သည် ဝတ္ထု ပုံစံ အဖြစ် ဂိတ်ဝင် ပြားတွင် ပြသထားသည်

HTML ကျယ်ပြန်

<canvas> HTML အကိုးအခံ အရေးဆိုတာ သည် ကစားပွဲ ကို ပြုလုပ်ရန် သုံးစွဲသည်

<canvas> အကိုးအခံ အရေးဆိုတာ ကို ပေးအပ်သည်

JavaScript ကို သုံးပြီး <canvas> ပြင်ဆင်ရာ လက်ဆုပ် ရှိသော အခြား အကိုးအခံ အရေးဆိုတာ ကို ပြင်ဆင်ရန် သုံးစွဲပါ

.getContext("2d")

<canvas> အကိုးအခံ အမှတ် getContext("2d") ပုဂ္ဂိုလ် အရေးဆိုတာ နှင့် ပြင်ဆင်ရာ စမ်းသပ်နိုင်သော မျိုးခွဲများ ကို ပေးအပ်သည်

ကျွန်ုပ်၏ Canvas ပြည်ထောင်စု သုံးစွဲရာ အခြား သတင်းများ <canvas> အကိုးအခံ getContext("2d") ပုဂ္ဂိုလ် အခြား သတင်းများ

အထက်ပါ ကနေ စတင်ပြုလုပ်ပါ

ကစားပွဲ ကို ပြုလုပ်ရန် ပထမပေါင်း ကစားပွဲ ပြည်မှူး ကို ဖွဲ့စည်းပြီး လက်ရှိရှိသော ပြန်ကန်ရုပ်ရှင် ကို ပြင်ဆင်လုပ်ကြမည်

ပုဂ္ဂိုလ်

function startGame() {
  myGameArea.start();
}
var myGameArea = {
  canvas : document.createElement("canvas"),
  start : function() {
    this.canvas.width = 480;
    this.canvas.height = 270;
    this.context = this.canvas.getContext("2d");
    document.body.insertBefore(this.canvas, document.body.childNodes[0]);
  }
}

ကျွန်ုပ်လေး ကို ဝင်ကျင်သည်

ဒီ အခွဲသုံး ကနေ အထက်အရာတွင် myGameArea ပိုမိုသိသာသော ဗီရိုက်တိုက်အရေးဆိုတာ နှင့် စမ်းသပ်နိုင်သော မျိုးခွဲများ ကို ရရှိလိမ့်မည်။

ပုံစံ startGame() ဖြေရိုက် myGameArea 对象的 start() 方法。

start() အချက်အလက် အချက် <canvas> အချက်အလက် အချက် <body> အချက်အလက် အချက်