使用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：你的環境的難以複製，所以我沒有測試，但讓我知道結果;我認爲這是一個很好的開始