如何在红宝石上修剪和定位照片？

Question

因此，在用户个人资料上，我将拥有横幅空间，他们可以在其中上传照片。 我希望横幅内的空间充满照片。 并非每个用户都可以在photoshop中创建横幅，等等，因此我想通过允许他们按比例调整其大小并将其左，右，上或下放置直到用户满意，从而控制他们的照片在横幅中的外观照片在横幅中显示了他们想要的方式。

不过，我希望有一些限制，以阻止用户上传在横幅内看起来不太好看的非常小的照片。 我已经检查了google +，这似乎允许这样做，所以我要执行的一个完美示例是Facebook使用其时间轴横幅照片上传选项进行的操作。

我目前在我的应用中将载波用于所有照片处理。

任何帮助我入门的建议/解决方案将不胜感激。

亲切的问候

Answer 1

您将需要某种客户端编辑器来安装横幅。 我主要使用了Jquery UI插件（ JqueryUI ），它可以为您提供一些不错的方法。 您可以轻松添加一些可拖动，调整大小或定位功能。

用户完成横幅后，您可以将整个横幅上载到后端。 为了在导轨中存储和配置照片，我建议使用gem'paperclip'（ Paperclip ）。 上传图片时，可以在回形针中设置最小或最大尺寸。