如何使用Cordova/Ionic將圖像裁剪爲某一縱橫比？

當在移動設備上裁剪圖像時，通常用戶可以通過拖動「視口」來調整裁剪圖像的大小。如何使用Cordova/Ionic將圖像裁剪爲某一縱橫比？

我想讓用戶調整裁切窗口，但只有當縱橫比已經被鎖定，所得到的圖像將被拉伸以適應所述比率時顯示它。

有沒有辦法與核心離子或第三方庫或這個東西，我將不得不依靠ImageMagik服務器端做到這一點？

對於視覺學習者：

來源

2017-02-07 dsp_099

我環顧四周，發現這個圖書館有很多選擇。我從來沒有用過的離子這樣的IM不知道jQuery和離子一起工作https://fengyuanchen.github.io/cropper/ – Tasos

@ dsp_099看看這個鏈接 - https://github.com/matiasgagliano/guillotine希望它有助於 – Gandhi

是你使用Ionic 1還是Ionic 2？ – HardikDG

一些google搜索之後，已經發現，存在可用的現成科爾多瓦插件這一要求，這也有助於在保持高寬比。

退房這cordova-crop-plugin這是活性，也有在此關於縱橫比製成的最新修補。它還在README文檔中提供了一個與Ionic & Angular2配合使用的示例代碼。

還檢查了這一點 - Issue link縱橫比默認情況下，在Android和iOS的縱橫比鎖定鎖定也固定

希望它能幫助。乾杯。

來源

2017-02-10 05:20:02 Gandhi

我也看過這個插件，但API只列出了「質量」作爲參數......如何「鎖定」寬高比？我看到最新的提交涉及到一個類似'+ cropController.keepingCropAspectRatio = YES;'的行，但實際使用的是如何？ –

@ dsp_099檢查了這一點 - https://github.com/jeduan/cordova-plugin-crop/issues/8縱橫比默認情況下，在Android和iOS的縱橫比鎖定鎖定也是固定的。您可以參考更多的後續鏈接 - https://github.com/jeduan/cordova-plugin-crop/blob/master/src/ios/CTCrop.m#L36-L44該插件的作者 – Gandhi

@ dsp_099做的建議你破解它？ – Gandhi

如何使用Cordova/Ionic將圖像裁剪爲某一縱橫比？

回答

相關問題