canvas.drawImage（）增加了图像的大小

Question

var crop_canvas = document.createElement('canvas');
crop_canvas.width = rcWidth;
crop_canvas.height = rcHeight;
crop_canvas.getContext('2d').drawImage(image_target, rcLeft, rcTop, rcWidth, rcHeight, 0, 0, rcWidth, rcHeight);

image_target拥有图片元素

rcLeft：用于裁剪的x坐标

rcTop：用于裁剪的y坐标

rcWidth：裁剪图片的宽度

rcHeight：裁剪图片的高度

考虑到我们不需要裁剪图像，我们只需要图像的副本。

创建的副本尺寸更大，即图像为1MB。创建的副本大约为5MB。