如何在紅寶石上修剪和定位照片？

Question

因此，在用戶個人資料上，我將擁有橫幅空間，他們可以在其中上傳照片。 我希望橫幅內的空間充滿照片。 並非每個用戶都可以在photoshop中創建橫幅，等等，因此我想通過允許他們按比例調整其大小並將其左，右，上或下放置直到用戶滿意，從而控制他們的照片在橫幅中的外觀照片在橫幅中顯示了他們想要的方式。

不過，我希望有一些限制，以阻止用戶上傳在橫幅內看起來不太好看的非常小的照片。 我已經檢查了google +，這似乎允許這樣做，所以我要執行的一個完美示例是Facebook使用其時間軸橫幅照片上傳選項進行的操作。

我目前在我的應用中將載波用於所有照片處理。

任何幫助我入門的建議/解決方案將不勝感激。

親切的問候

Answer 1

您將需要某種客戶端編輯器來安裝橫幅。 我主要使用了Jquery UI插件（ JqueryUI ），它可以為您提供一些不錯的方法。 您可以輕松添加一些可拖動，調整大小或定位功能。

用戶完成橫幅后，您可以將整個橫幅上載到后端。 為了在導軌中存儲和配置照片，我建議使用gem'paperclip'（ Paperclip ）。 上傳圖片時，可以在回形針中設置最小或最大尺寸。