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

这将使确切大小的图像，但会在水平或垂直切割图像的一部分。