ruby-on-rails - 如何使用papercrop gem将纵横比设置为不受限制的比例？

Question

我只想使纵横比不受限制，以便用户可以选择上传照片所需的任何尺寸。默认值为 1:1。所以我怎样才能将它设置为就像这个 演示一样

Answer 1

默认情况下，裁剪区域和预览框将具有aspect ratio of 1:1. 您可以通过传递一个新方面来修改它。

crop_attached_file :snapshot, :aspect => "16:9"

在下面的链接中有 Papercrop 的文档。

http://rubydoc.info/gems/papercrop/0.0.5/frames

在您的查看页面上，只需将 Jquery 设置为

$(function() {
  $('#cropbox').Jcrop({
    onChange: update_crop,
    onSelect: update_crop,
    setSelect: [0, 0, 500, 500],
    aspectRatio: 1
  });
});

function update_crop(coords) {
  var rx = 100/coords.w;
  var ry = 100/coords.h;
  $('#preview').css({
    width: Math.round(rx * <%= @user.avatar_geometry(:large).width %>) + 'px',
    height: Math.round(ry * <%= @user.avatar_geometry(:large).height %>) + 'px',
    marginLeft: '-' + Math.round(rx * coords.x) + 'px',
    marginTop: '-' + Math.round(ry * coords.y) + 'px'
  });
  var ratio = <%= @user.avatar_geometry(:original).width %> / <%= @user.avatar_geometry(:large).width %>;
  $("#crop_x").val(Math.round(coords.x * ratio));
  $("#crop_y").val(Math.round(coords.y * ratio));
  $("#crop_w").val(Math.round(coords.w * ratio));
  $("#crop_h").val(Math.round(coords.h * ratio));
}

在 Set select 上，我们可以将其更改为不受约束的值。