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

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