Использование jCrop с CamanJs не работает для отзывчивого изображения

Question

Я использую CamanJs (инструмент для обработки изображений), чтобы отредактировать свое текущее изображение, и у меня встроен jCrop с CamanJs для целей обрезки после http://v2-demos.jcrop.org/demos/camanjs.html этот источник. Он работает нормально, но проблема в том, что он работает с изображениями с фиксированной шириной. Но мне нужно сделать это с помощью откликов. Вот живой URL: 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: Ваше окружение его трудно воспроизвести, так что я не проверял, но дайте мне знать результаты; Я думаю, что это хорошее место для начала