HTML canvas scale() မူကွဲ
အသုံးပြုခြင်း နှင့် အသုံးပြုပုံ
scale() လက်ရာတင် အစိတ်ပြောင်းလဲပါ
စကားလုံး:သင် လက်ရာတင် အစိတ်ပြောင်းလဲမှု ပြုလုပ်ပါက နောက်ထပ် လက်ရာတင်များ အစိတ်ပြောင်းလဲလေ့ ရှိပါသည်။ တည်နေရာ လည်း အစိတ်ပြောင်းလဲလေ့ ရှိပါသည်။ သင် လက်ရာတင် အစိတ်ပြောင်းလဲမှု ပြုလုပ်သည်မှာ scale(2,2)အကျယ်အဝန်း အရ လက်ရှိ လက်ရာတင် အရှေ့အထိပ် အနေဖြင့် နှစ်ဆ အကွာအဝေး တွင် လက်ရာတင် ခုံးပါသည်。
အမှတ်အသား
အမှတ် 1
ဟင်းပြန်ပြီး 200% အရွယ်ထိ မြှီးပြီး နောက်ထပ် ဟင်းပြပါနိုင်သည်:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
အဆိုပါ:အချက်အလက် ပေါ်တွင် အမျိုးမျိုးသော အမှတ်အသားများ ပြထားပါသည်。
အက္ခရာ
context.scale(scalewidth,scaleheight);
ပါဝင်သည် ပေါင်း
| ပါဝင်သည် | ဖော်ပြ |
|---|---|
| scalewidth | ယခု လက်ရှိ လက်ရာတင်မှာ အနံ့ အစိတ်ပြောင်းလဲပါ (1=100%, 0.5=50%, 2=200%, နောက်ထပ်)。 |
| scaleheight | ယခု လက်ရှိ လက်ရာတင်မှာ အထိပ်တန်း အနံ့ အစိတ်ပြောင်းလဲပါ (1=100%, 0.5=50%, 2=200%, နောက်ထပ်)。 |
More examples
Example 2
Draw a rectangle; zoom in to 200%, draw a rectangle again; zoom in to 200%, then draw a rectangle again; zoom in to 200%, draw a rectangle again:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ဘတ်ယား အထောက်အထား
အချက်အလက် အရာများ သည် အချက်အလက် အချက်အလက် ကို ပထမဆုံး အထောက်အထား ပြုလုပ်ခဲ့သော ဘတ်ယား ကုန်းလုံး အမှတ်အသား ကို ညွှန်ပြသည်။
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
စကားလုံး:Internet Explorer 8 နှင့် အနည်းဆုံး သုံးစံ <canvas> အချက်အလက် ကို လုပ်ခြင်း မမှုပ်နှံသည်။
