問題タブ [jcrop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1654 参照

iphone - JCrop と iPad/iPhone

私はjCropを使用した素敵な小さなアプリを持っていますが、iPad と iPhone では壊れています。タッチ デバイスで jCrop を使用した経験がある人はいますか?もしそうなら、ヘルプ/サンプルをいただければ幸いです。

0 投票する
2 に答える
133 参照

javascript - 文字列の配列への変換

私のuser.data.crop_positionの値は"[100、100、200、200]"です。

これを行うと、設定された位置でjcropが選択されません。これを削除するには、渡した文字列が原因です。

私はこれがばかげた質問であることを知っていますが、私は何度もこの種の問題を抱えています。また、将来この種の問題は起こらないことを私に提案してください。

よろしく

ラウル

0 投票する
1 に答える
197 参照

html - divの高さが自動ではありません

私はこのフィドルに次のコードを持っています.profile_window_contentの高さをjcrop-tracker.Height of divの画像の高さよりも大きくしたいのですが、なぜそれが画像の高さより大きくないのですか. 助けてください。

0 投票する
2 に答える
6854 参照

jquery - ajaxロード後にJcrop選択を有効にする方法

プロジェクトで Jcrop を使用しています。問題は重大ではありませんが、修正できればもっと良いでしょう。

私はajaxリクエスト(Jquery ajaxではない)を介して画像をアップロードでき、アップロード後にページを更新せずに画像をページにロードできました。今まで、すべてがうまく機能しています。画像がページにロードされた後、ページを更新しないと Jrop がアクティブになりません。Jcrop アクティベーター スクリプトは次のとおりです。

重要かどうかはわかりませんが、このスクリプトは $(document).ready(function(){} 内にありません。

jQuery(window).load(function(){} 関数の代わりに $('#cropbox').load および $('#cropbox').click 関数を使用して Jcrop をトリガーしようとしましたが、何も起こりませんでした。

何か考えはありますか?ブラウザを更新せずに、ajaxリクエストを介して画像をページにロードした直後にJcropをアクティブにすることは可能ですか?

Jcropの使用法は次のとおりです。

そして画像アップロードボタン:

そして ajaxupload.js ファイル:

0 投票する
3 に答える
27261 参照

jquery - jcrop を削除するにはどうすればよいですか?

画像の jcrop を解除するにはどうすればよいですか?

私はjcropを追加しています;

元に戻すにはどうすればよいですか?

編集:

上記のコードは私には機能しません。これは、jqueryダイアログ内でこれを使用しているという事実に関係していると思います。http://code.google.com/p/jcrop/issues/detail?id=21

それを修正する方法が正確にわかりません。

0 投票する
2 に答える
5503 参照

jquery - jQueryを使用して、クラスを削除せずに画像の「実際のサイズ」を取得します

均一性のためにcssでサイズ変更された画像にJcropを使用しています。

JS

HTML

CSS

hおよびw変数を実際の画像のサイズに設定する必要があります。マニピュレーターを使用し.clone()て画像のコピーを作成し、クローンからクラスを削除してサイズを取得しようとしましたが、変数がゼロに設定されます。

ページ内の要素に画像を追加すると機能しますが、これらはより大きな画像であり、これを行うためのより良い方法がある場合は、非表示の画像としてロードしたくないと思います。また、クラスを削除し、変数を設定してから、クラスを再度追加すると、散発的な結果が生成されていました。

私は次のようなものを望んでいました:

しかし、removeClass関数はそのようには機能しません:P

0 投票する
2 に答える
2819 参照

jquery - jQuery jcropプラグイン:リリースする方法は?

私は画像のトリミングを実装するために素晴らしいjcropプラグインを使用しています。

ただし、1つの問題があります。ユーザーに領域を選択してもらい、ダイアログボックスを表示してもらいたい。ダイアログボックスに何かを入力して[OK]をクリックすると、何も選択されていない画像に戻るようにします。

これは私のコードです:

ただし、これにより、ユーザーがプロンプトで[OK]または[キャンセル]をクリックすると、まだアクティブに「選択中」の画像に戻ります。彼らがマウスを動かすとき、それは選択し続けます-彼らは新しい領域を選択することができません。壊れた感じです。

これはjavascriptフローの問題だと思います-showAlert終了してブラウザの前の状態に戻ります。つまり、領域が選択されています-しかし、それを回避する方法がわかりません。

ありがとう!

0 投票する
3 に答える
2878 参照

jquery - Safari と Chrome の Jcrop 座標が上書きされる

写真操作に jQuery 用のJcropプラグインを使用しています。最終的に Firefox と IE8 で正常に動作するようになりましたが、Chrome と Safari で奇妙な動作が発生しています。

Jcropコード

storeCoordsもともと、関数が呼び出されたときに座標が格納されていないと思っていました。storeCoordsただし、何が起こっているかを確認するために、関数に次のコードを追加しました。

Firefox と IE では、クロップ ボックスのサイズ変更/移動ごとに座標が出力されます。Chrome/Safari (onChange:プロパティを使用する場合) では、1 行の正しいデータを取得しますが、そのデータをゼロで上書きします。

  • x:50 y:50 x2:150 y2:150 w:100 h:100
  • x:50 y:50 x2:150 y2:150 w:100 h:100
  • x:0 y:0 x2:0 y2:0 w:0 h:0 x:0 y:0
  • x2:0 y2:0 w:0 h:0 x:0 y:0 x2:0 y2:0
  • w:0 h:0 x:0 y:0 x2:0 y2:0 w:0 h:0
  • x:0 y:0 x2:0 y2:0 w:0 h:0

プロパティを単独で使用すると、onSelect:すべてゼロになります (Chrome/Safari)

だから、なぜ彼らが値を呼び出したり上書きしたりするのか、私は途方に暮れています。

編集

$(function(){})代わりに使用するようにコードを更新しましたが$(window).load(function(){})、同じ結果が発生しています。同じ結果が得られるデモ ページを作成しました。これが Jcrop のバグなのか、それとも私が行っていることなのかはわかりません。プロパティを指定した場合にのみ発生しtrueSizeます。プラグインの縮小されていないバージョンは、ここで表示できます。

0 投票する
2 に答える
3826 参照

jquery - jquery uiプログレスバーを使用したファイルアップロード

jCrop を使用していますが、画像のアップロードに進行状況バーを追加したいのですが、jquery ui の進行状況バーに画像バイトが読み込まれるようにするにはどうすればよいですか?

0 投票する
1 に答える
480 参照

javascript - colorbox と jcrop に問題がある

以下のコードでは、カラーボックスが機能しており、画像が表示されています。Jcrop を統合しようとしても、うまくいきません。