0

現在の画像を編集するために CamanJs (画像操作ツール) を使用しています。http: //v2-demos.jcrop.org/demos/camanjs.htmlこのソースに従って、jCrop をトリミング目的で CamanJs と統合しました 。正常に動作していますが、問題は固定幅の画像で動作していることです。しかし、レスポンシブ画像でこれを行う必要があります。ここにライブ URL があります: http://128.199.175.24/editimg/crate-editor-popup.html そしてここにスクリプトがあります: http://128.199.175.24/editimg/js/corpCaman.js

CamanJs はリモート ドメインからの画像をサポートしていないと思うので、jsfiddle を作成できませんでした。

また、画像を操作するためのより優れた jquery ツール (クロップ、明るさ、色相、ぼかしなど) が他にある場合は、その提案をお願いします。

ありがとう

4

1 に答える 1

0

これらのスタイルを追加してみてください:

#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: あなたの環境は再現が難しいので、テストはしていませんが、結果を教えてください。始めるには良い場所だと思います

于 2015-11-22T09:26:19.160 に答える