ホームページ > ウェブフロントエンド > htmlチュートリアル > Jcrop のトリミングに関する問題 image_html/css_WEB-ITnose

Jcrop のトリミングに関する問題 image_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:43:58
オリジナル
1303 人が閲覧しました

Jcrop プラグインを使用して写真を処理したことがある誰かが、私が遭遇した問題を見てもらえれば幸いです。
処理する画像が非常に大きいので、以下のように切り出す画像をdiv内に配置します。

<div style="width:700px;height:500px;overflow:scroll">	<img src='imageUpload/<s:property value="imageFileName"/>' id="target"/></div>
ログイン後にコピー

そして表示範囲を超えた部分についてはcss属性overflow:scrollをdivに設定します、大きな画像を処理するため、コンテンツが div を超える場合は、スクロール バーから表示できます。
しかし、この方法では問題が発生します。つまり、画像をトリミングするための選択ボックスを、表示するためにスクロールバーをドラッグする必要がある領域に移動した場合、トリミングボックスが表示されている限り、トリミングボックスをドラッグすることはできません。クリックすると別の位置に移動してしまうので、通常のように画像を切り抜く方法はありません。 C j JCROP を使用しているヒーローがいる場合、私が言った問題があるかどうかを確認してください。また、どのように解決すればよいですか?

ポイントがなくなりつつありますので、ご容赦ください。

ディスカッションに返信(解決策)

キャンバスの幅を定義するだけです

私も同じ問題に遭遇しましたが、投稿者はそれを解決しましたか?教えていただけますか。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート