Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将jCrop与CamanJs一起使用不适用于响应图像_Jquery_Jcrop_Camanjs_Responsive Images - Fatal编程技术网

Jquery 将jCrop与CamanJs一起使用不适用于响应图像

Jquery 将jCrop与CamanJs一起使用不适用于响应图像,jquery,jcrop,camanjs,responsive-images,Jquery,Jcrop,Camanjs,Responsive Images,我正在使用CamanJs(一种图像处理工具)编辑我当前的图像,我已经将jCrop和CamanJs集成在一起,以便在下面进行裁剪 这个消息来源。 它工作得很好,但问题是,它适用于固定宽度的图像。但我需要用反应灵敏的图像来实现这一点。 以下是一个实时url: 下面是脚本: 我认为CamanJs不支持来自远程域的图像,所以我无法创建JSFIDLE 如果有其他更好的jquery工具来处理图像(裁剪、亮度、色调、模糊等),请给我一个建议 谢谢尝试添加这些样式: #interface { width:

我正在使用CamanJs(一种图像处理工具)编辑我当前的图像,我已经将jCrop和CamanJs集成在一起,以便在下面进行裁剪 这个消息来源。 它工作得很好,但问题是,它适用于固定宽度的图像。但我需要用反应灵敏的图像来实现这一点。 以下是一个实时url: 下面是脚本:

我认为CamanJs不支持来自远程域的图像,所以我无法创建JSFIDLE

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


谢谢

尝试添加这些样式:

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

PD:你的环境很难复制,所以我没有测试,但让我知道结果;我认为这是一个好的开始

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