如何使用 cropperjs 调整图像大小以保持纵横比

Question

我正在尝试将图像调整为预定义的大小，同时保持其纵横比。我一直在使用下面的代码获取图片数据，但是我不知道如何调整大小。

cropper.getCroppedCanvas().toDataURL('image/jpeg');

Answer 1

您可以使用

cropper.getCroppedCanvas({ width: DESIRED_WIDTH, height: DESIRED_HEIGHT}).toDataURL(ORIGINAL_MIME_TYPE);

指定图像的原始 MIME 类型（png/gif 等）很重要，否则您最终可能会得到比文件大小大得多的图像。