如何允許在軌道上裁剪和定位紅寶石中的照片？

Question

因此，在用戶配置文件中，我將在其上可以上傳照片的橫幅空間。我希望橫幅內的空間充滿照片。不是每個用戶都會在photoshop中創建橫幅，所以我想通過允許他們按比例調整它的大小並將其放置在左側，右側，上或下直到照片顯示了他們希望在橫幅中顯示的方式。

但是，我想要一些限制，以阻止用戶上傳非常小的照片，在橫幅內看起來不太好。我已經檢查了谷歌+這似乎允許這樣做，我想要做的是一個完美的例子是什麼Facebook做他們的時間線橫幅照片上傳選項。

我目前在我的應用程序中使用carrierwave進行所有照片處理。

任何意見/解決方案，讓我開始將不勝感激。

親切的問候

Answer 1

您將需要某種類型的橫幅客戶端編輯器。我主要使用Jquery UI插件（JqueryUI），它可以幫助你一些很好的方法。您可以輕鬆添加一些可拖動，調整大小或位置功能。

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