ちょうどそのキャンバス
// context is the context from which to copy
// x,y,w,h is the sub area to copy ar data URL
function getDataURLSubImage(context,x,y,w,h){
var can = document.createElement("canvas");
can.width = w;
can.height = h;
var ctx = can.getContext("2d");
ctx.drawImage(context.canvas,-x,-y);
return can.toDataURL();
}
それともだけimageData
次の操作を行うことができます持っていますが、それは上記よりも効率が低い場合のデータのURLを取得し、その後一時キャンバスを作成して、キャンバスにピクセルをコピー方法。
function imageDataToDataURL(imageData){
var can = document.createElement("canvas");
can.width = imageData.width;
can.height = imageData.height;
var ctx = can.getContext("2d");
ctx.putImageData(imageData,0,0);
return can.toDataURL();
}