carrierwave-crop在可见区域外显示大图像？

Question

我正在使用带有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片段：

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

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

Answer 1

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

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