载波裁剪显示可见区域之外的大图像？答案

【问题标题】：carrierwave-crop showing large images out of visible area?载波裁剪显示可见区域之外的大图像？
【发布时间】：2015-07-09 06:19:30
【问题描述】：

我正在使用带有 simple_form、carrierwave、carrierwave-crop 和 jcrop 的 Rails 4 来裁剪上传的图像。

= simple_form_for(@profile, html: {role: 'form'}) do |f|
  = f.cropbox :photo, width: 600, height: 600
  =' f.button :submit, "Crop", class: 'btn btn-success'

除了一件事之外，一切正常：当我上传超过 600x600 尺寸的图像时，我无法看到整个图像，因此只能裁剪其中的一部分。例如。 1200x1200 图片：只能看到图片左上角的四分之一。

有人有想法吗？

--- 更新 1 ---

我添加了这个 css sn-p:

#card_photo_cropbox_wrapper {
  #card_photo_cropbox {
    width: 100% !important;
  }
}

这使它看起来正确，但它不再被裁剪。

【问题讨论】：

没人遇到过这个问题吗？
我在使用这个 gem github.com/kirtithorat/carrierwave-crop 时遇到了同样的问题，所以我决定把它扔掉并尝试不同的解决方案，找到简单的方法来用载波裁剪图像真的不好玩
您找到解决方案了吗？
不，仍在寻找一些真正有效的不错的裁剪解决方案

标签： ruby-on-rails carrierwave simple-form crop jcrop

【解决方案1】：

我找到了使用载波裁剪图像问题的解决方案，请在此处查看。它使用cropit javascript库，将文件加载到浏览器，用户对其进行裁剪，点击后通过ajax发布到rails控制器以使用carrierwave进行处理

rails carrierwave - image url saved in db but file not saved

【讨论】：