HTML canvas scale() နည်းလမ်း
ဥပမာ
ထောင့်မှန်စတုဂံတစ်ခုဆွဲပြီး 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);
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Method | |||||
---|---|---|---|---|---|
scale() | Yes | 9.0 | Yes | Yes | Yes |
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
scale() method သည် လက်ရှိ ပုံအား အတိုင်းအတာ၊ ပိုကြီးသည် သို့မဟုတ် သေးသည် ။
မှတ်ချက်- သင်သည် ပုံတစ်ပုံကို စကေးချဲ့ပါက၊ နောင်လာမည့် ပုံများအားလုံးကိုလည်း ချိန်ညှိမည်ဖြစ်သည်။ နေရာချထားမှုကိုလည်း အတိုင်းအတာတစ်ခုအထိ ပြုလုပ်မည်ဖြစ်သည်။ စကေး(2,2); ပုံများကို သင်သတ်မှတ်ထားသည့်အတိုင်း ကင်းဗတ်၏ ဘယ်ဘက်နှင့် အပေါ်ဘက် နှစ်ဆအကွာအဝေးတွင် နေရာချထားမည်ဖြစ်သည်။
JavaScript syntax- | context .scale( စကေးအနံ၊စကေးအမြင့် ); |
---|
ကန့်သတ်တန်ဖိုးများ
Parameter | Description | Play it |
---|---|---|
scalewidth | Scales the width of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) | |
scaleheight | Scales the height of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
နောက်ထပ် ဥပမာများ
ဥပမာ
ထောင့်မှန်စကေးကို 200% ဖြင့် စကေးဆွဲပါ၊ ထောင့်မှန်စကေးကို ထပ်ဆွဲပါ၊ 200% သို့ စကေးစကေးဖြင့် 200% စကေးကို ထပ်ဆွဲပါ၊ 200% သို့ စကေးဖြင့် 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);
ctx.scale(2, 2);
ctx.strokeRect(5, 5, 25, 15);
ctx.scale(2, 2);
ctx.strokeRect(5, 5, 25, 15);
❮ HTML Canvas အကိုးအကား