javascript - 在 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}" 

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