Canvas putImageData() 方法
定义和用法
putImageData()
方法将图像数据(从指定的 ImageData 对象)放回画布上。
提示:请参阅 getImageData() 方法,它可复制画布上指定的矩形的像素数据。
提示:请参阅 createImageData() 方法,它可创建新的空白 ImageData 对象。
实例
下面的代码通过 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 | တခုခုကို ဖြင့် ရှိုးပန်းထိုးသည့် အဆိုင်းအတန်း (y) ပမာဏအပိုင်းအချင်း ပုံပေါင်းအချင်း |
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> အမှုံအင်အား ကို လုပ်ခဲ့တော့သည်။