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

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