在 Cloudinary 中使用 ngf-resize 上传图片

Question

在 Cloudinary 中使用 ngf-resize 生成图像URL。

<div id="direct_upload"
    ngf-drop="uploadFiles($file)"
    ngf-resize="{width: 500, height:200, quality: 1.0}" 
    ng-model="file">
 </div>

但是 Cloudinary 的响应返回了不同的宽度和高度。

Answer 1

调整大小将保持图像的纵横比，因此宽度或高度之一将是调整大小中的值，另一个将更小，除非照片的纵横比与 5X2 完全相同。

如果您想丢失部分图像并居中裁剪它，您可以这样做

ngf-resize="{width: 500, height:200, centerCrop: true}"

这将使图像具有准确的尺寸，但会水平或垂直剪切图像的一部分。

uploading image using ngf-resize in Cloudinary