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

這將使確切大小的圖像，但會在水平或垂直切割圖像的一部分。