如何讓用戶選擇定義自己的縮略圖圖像？

Question

這是我目前的情況： 我能夠顯示上傳的圖片，並使用戶繪製具有預定長寬比的裁剪區域。並且，將其提交角點座標發送到裁剪並保存圖像的我的服務器應用程序。

但是上傳的圖片尺寸是可變的，我將其限制爲max-width。問題是JCrop（我的jquery插件繪製裁剪區域並將其座標設置爲隱藏的輸入）設置客戶端圖像的裁剪區域座標。如果圖像高度小於我的最大高度，則可以，但是，如果圖像高度不正確，圖像會被裁剪錯誤。

爲了解決這個問題， 我打算得到img.clientWidth;和img.clientHeight;，也將它們傳遞給我的服務器端。然後通過做一些外推將作物座標轉換爲真座標。

這是好事嗎？有沒有更好或更美麗的解決方案？

Answer 1

解決

Jcrop有一個選項來設置真實大小，所以它做數學的所有如果真大小定義。