HTML <canvas> အမြင့် Attribute
ဥပမာ
အမြင့်နှင့် အကျယ် 200 pixels ရှိသော <canvas> ဒြပ်စင်တစ်ခု-
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ရည်ညွှန်းချက်သည် ဒြပ်စင် ၏ height
အမြင့်
<canvas>
ကို pixels ဖြင့် သတ်မှတ်သည်။
အကြံပြုချက်- pixels width
ဖြင့် ဒြပ်စင်၏ အကျယ်ကို သတ်မှတ်ရန် ရည်ညွှန်းချက်ကို အသုံးပြု ပါ။<canvas>
အကြံပြုချက်- ကင်းဗတ်တစ်ခု၏ အမြင့် သို့မဟုတ် အကျယ်ကို ပြန်လည်သတ်မှတ်သည့်အခါတိုင်း၊ ကင်းဗတ်စသည့်အကြောင်းအရာကို ရှင်းလင်းသွားမည် (စာမျက်နှာ၏အောက်ခြေတွင် ဥပမာကိုကြည့်ပါ)။
အကြံပြုချက်- ကျွန်ုပ်တို့၏ HTML Canvas Tutorial<canvas>
ရှိ အစိတ်အပိုင်း
အကြောင်း ပိုမိုလေ့လာပါ ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Attribute | |||||
---|---|---|---|---|---|
height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
အထားအသို
<canvas height="pixels">
ရည်ညွှန်းတန်ဖိုးများ
Value | Description |
---|---|
pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
နောက်ထပ် ဥပမာများ
ဥပမာ
အကျယ် သို့မဟုတ် အမြင့် ရည်ညွှန်းချက် (JavaScript ကိုသုံး၍) ကင်းဗတ်ကိုရှင်းလင်းပါ။
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ HTML <canvas> တဂ်