HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML canvas translate() နည်းလမ်း

❮ HTML Canvas အကိုးအကား

ဥပမာ

အနေအထား (10၊10) တွင် ထောင့်မှန်စတုဂံတစ်ခုဆွဲပါ၊ အသစ် (0,0) နေရာကို (70,70) သို့ သတ်မှတ်ပါ။ တူညီသောစတုဂံကို ထပ်မံဆွဲပါ (စတုဂံသည် ယခု အနေအထား (80,80) တွင် စတင်သည်ကို သတိပြုပါ)။

သင်၏ဘရောက်ဆာသည် HTML5canvastag ကိုမပံ့ပိုးပါ။

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);

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Method
translate() Yes 9.0 Yes Yes Yes

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

Translate() နည်းလမ်းသည် ကင်းဗတ်စ်ပေါ်တွင် (0,0) အနေအထားကို ပြန်လည်ပုံဖော်သည်။

မှတ်ချက်- ဘာသာပြန်ပြီးနောက် fillRect() ကဲ့သို့သော နည်းလမ်းတစ်ခုကို သင်ခေါ်ဆိုသောအခါ၊ တန်ဖိုးသည် x- နှင့် y-coordinate တန်ဖိုးများသို့ ပေါင်းထည့်မည်ဖြစ်သည်။

translate() method ၏ ပုံဥပမာ

JavaScript syntax- စကား စပ် .translate( x,y );

ကန့်သတ်တန်ဖိုးများ

မှတ်ချက်- ဘောင်တစ်ခု သို့မဟုတ် နှစ်ခုစလုံးကို သင်သတ်မှတ်နိုင်သည်။

Parameter Description Play it
x The value to add to horizontal (x) coordinates
y The value to add to vertical (y) coordinates

❮ HTML Canvas အကိုးအကား