如何使用cropperjs調整圖像保持縱橫比的大小

Question

我正在嘗試將圖像調整為預定義的大小，同時保持它的縱橫比。 我一直在使用以下代碼來獲取圖像數據，但我不知道如何調整大小。

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

Answer 1

您可能會使用

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

指定圖像的原始 mime 類型（png/gif 等）很重要，否則就文件大小而言，您最終可能會得到更大的圖像大小。