HTML canvas putImageData() စနစ်

HTML5 Canvas လက်ဗိုက်

အသုံးပြုနည်းနှင့် ပေါ်လစ်

putImageData() စနစ်တစ်ခု၊ လက်ရီုးအချက်အလက်များကို ပြန်ပြောင်းသွင်းနိုင်ပါ

အဆိုပါကြည့်ရှုရန် getImageData() စနစ်တစ်ခု၊ လက်ရီုးအချက်အလက်များကို လက်ရီုးအချက်အလက်အဆိုပါ ပုံမှန်းချက်မှ ချဲ့နိုင်ပါ

အဆိုပါကြည့်ရှုရန် createImageData() စနစ်တစ်ခု၊ အသစ် လက်ရီုးအချက်အလက် ပေါင်းစပ်ပုံစံကို ဖန်တီးနိုင်ပါ

အကြောင်းကြောင်း

အောက်ပါ ကြောင်းအား getImageData() မှ လက်ရီုးပေါင်းနှင့်အတူ လက်ရီုးအချက်အလက်များကို ချဲ့ရန် အသုံးပြုပါ၊ နောက်ပြီးတွင် putImageData() မှ ပြန်ပြောင်းသွင်းပါ:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="green";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ပေါင်းစပ်

context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);

သတင်း

ပထမ ဖော်ပြ
imgData လက်ဗိုက် ပြန်ပေးသော ImageData အရာများကို ကိုယ်စားပြုထားပါသည်။
x ImageData အရာများ၏ အရှေ့အထိပ် အကြိတ် (x)။
y ImageData အရာများ၏ အရှေ့အထိပ် အကြိတ် (y)။
dirtyX လက်ဗိုက် အထဲသို့ ရောက်သော အရာများ၏ အခြေခံ အကြိတ် (x)။
dirtyY လက်ဗိုက် အထဲသို့ ရောက်သော အရာများ၏ အခြေခံ အကြိတ်။
dirtyWidth လက်ဗိုက် အထဲသို့ ရောက်သော အရာများ၏ အကျယ်။
dirtyHeight လက်ဗိုက် အထဲသို့ ရောက်သော အရာများ၏ အမြင့်။

ဘာသာစကား အခြေခံ

အချက်အလက် အရာများတွင် အဖြစ်အပျက်အချက်အလက် အရာများ၏ ပထမဆုံး ပေါ်ပေါက်သော ဘာသာစကား ကို သေချာခြင်းအားဖြင့် ပေါ်ပေါက်သည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

အကြောင်းကြားချက်：Internet Explorer 8 နှင့် ပိုမိုကြိုးစား ကုန်ကျသည်။ <canvas> အရာ မမှောက်ချက်မရှိ။

HTML5 Canvas လက်ဗိုက်