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

Question

我正在使用 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 工具来处理图像（裁剪、亮度、色调、模糊等），请给我一个建议。

谢谢

Answer 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：你的环境很难重现，所以我没有测试，但让我知道结果；我认为这是一个很好的起点