将 jCrop 与 CamanJs 一起使用不适用于响应式图像答案

【问题标题】：Using jCrop with CamanJs not working for Responsive Image将 jCrop 与 CamanJs 一起使用不适用于响应式图像
【发布时间】：2015-11-22 08:22:23
【问题描述】：

我正在使用 CamanJs（一种图像处理工具）来编辑我当前的图像，并且我已将 jCrop 与 CamanJs 集成以实现以下裁剪目的 http://v2-demos.jcrop.org/demos/camanjs.html此来源。它工作正常，但问题是，它适用于固定宽度的图像。但我需要使用响应式图像来做到这一点。这是一个实时网址：http://128.199.175.24/editimg/crate-editor-popup.html 这是脚本：http://128.199.175.24/editimg/js/corpCaman.js

我认为 CamanJs 不支持来自远程域的图像，因此我无法创建 jsfiddle。

如果还有其他更好的 jquery 工具来处理图像（裁剪、亮度、色调、模糊等），请给我一个建议。

谢谢

【问题讨论】：

【解决方案1】：

尝试添加这些样式：

#interface {
   width: 100%; // why Do you have it 80%?
}

和

.jcrop-active {
   width: 100% !important /* And because it has inline style: you should try to remove that style or you need to use */;
}

PD：你的环境很难重现，所以我没有测试，但让我知道结果；我认为这是一个很好的起点

【讨论】：