javascript - 获取裁剪图像以显示在新画布中

Question

我正在尝试在新画布中显示裁剪区域。但我被困在 getImageData 行。我正确地得到了值 x,y ,tx,ty ，因为我用警报测试了它们。但是 getImageData 行不适用于我所写的内容，我能否在新画布中显示裁剪后的图像？谢谢

var x = $("#crop_square").width();
var y = $("#crop_square").height();

var ty = $("#crop_square").offset().top - $("#area_c").offset().top;
var tx = $("#crop_square").offset().left - $("#area_c").offset().left;

var c = document.getElementById("area_c");
var ctx = c.getContext("2d");

var imageData = ctx.getImageData(x, y, tx, ty); // this line not working

var c2 = document.getElementById("area_c2");
var ctx2 = c2.getContext("2d");
ctx2.putImageData(imageData, 0, 0);

标签： javascriptjquery