問題タブ [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 に答える
1134 参照

gwt - GWT クライアント側のクロッピング

gwt を JCrop または imgareaselect JavaScript ライブラリと統合することに行き詰まっています。クライアントがファイルシステムから選択したファイルを (アップロードウィジェットを使用して) 変更するたびに、その URL が変更される画像があります。ユーザーが画像内の領域を選択するようにします。このようにして、クライアントの希望に対して縦横比を尊重した画像を作成できます。問題は、ロード イベントで呼び出される imgareaselect または jcrop を作成することに成功できないことです。 $ is undefined が表示されます...

助けてください... よろしく。

}

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

ruby-on-rails - Rails 3: オンザフライで画像の表示を切り取る

ユーザーがその場で画像の表示のトリミングを変更できるようにする何かを誰かが作ったことがあるかどうか疑問に思っていましたか?

私が想像しているのは、ユーザーがトリミングされていない写真をアップロードし、写真がダッシュボードに表示されるときに、「トリミング表示」オプションを選択して、表示する画像の長方形の領域を選択できることですが、実際の写真はトリミングされていないため、ユーザーはこれを繰り返して、同じ写真の別のセクションを表示できます。誰でもこれをやったことがありますか、それがどのようにできるか考えていますか? 本当にありがとう!

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

php - PHP ページを呼び出す img タグを更新するより良い方法はありますか?

私はjcropを使用しており、ユーザーが画像をcrpsした後、次のようにimgタグを返すphpページを呼び出します。

これは問題なく動作しますが、ユーザーが新しい画像をアップロードするたびに 2 つの追加の呼び出しを行っていることが懸念されます。get_profile_picture.php から返される img src コードは次のようになります。

もっとエレガントな解決策があるかどうか知りたいです。"cropbox" id の attr 'src' タグを設定しようとしましたが、最初に内部の PHP コードを実行する必要があります。何か考えや提案はありますか?

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

jquery - サイズ変更プレビュー付き Jcrop

ここのチュートリアルhttp://net.tutsplus.com/articles/news/working-with-the-jcrop-plugin/に見られるように、プレビューペインで Jcrop を使用しています。これは、トリミング時に結果を表示するプレビュー ペインを備えた単純な Jcrop インターフェイスを作成する方法を示しています。残念ながら、この場合のプレビュー ペインは固定サイズであり、切り抜くときに画像をズームインおよびズームアウトするだけで、同じ固定サイズの切り抜かれた画像が生成されます。

私がやりたいのは、トリミング ツールと一緒にプレビュー ペインのサイズを変更して、ユーザーがトリミングしたときに結果の画像を表示し、ユーザーが結果の画像のサイズを決定できるようにすることです。画像がアップロードされるときに、最大サイズまたは最小サイズを適用できます。

プレビュー ペインの CSS とコードは次のとおりです。targ_h 変数と targ_w 変数は、選択したものに対して定義されていることに注意してください。orig_w と orig_h は元のイメージから読み取られます。

誰かがこれを以前に行ったことがあり、プレビュー ペインの幅と高さがトリミング ツールの幅と高さで変更されましたか?

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

jquery - jCrop: 任意のサイズのアップロードされた画像の正方形の選択範囲 (中央) を設定します

jCrop を使用して、アップロードした画像をトリミングする機能をユーザーに提供したいと考えています。結果は正方形のフォーマットになるはずです。選択範囲は画像の中央に表示され、最短の寸法に沿って両側に約 10% のギャップがあります。現在のコード:

したがって、ハードコードされた値ではなく、x1、y1、x2、y2 の値を正しい位置に設定する方法が必要です。

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

javascript - 画像サイズが変更されたときに JCrop が選択を保存しない

初めてjcropを使用しています。画像のサイズとトリミングに問題があります。ユーザーが 1366x768 以上の画像をアップロードすると、自分のページでプレビューします。作物選択のプレビューもあり、正常に動作します。位置を送信すると、うまくトリミングされます(元の画像サイズを使用する場合です)。
しかし、ページに大きな元の画像を表示したくありません。ユーザーは、元の画像、プレビュー、送信ボタンを 1 つのビューに表示する必要があります。したがって、画像が 1366x768 の場合、画像を小さくする必要があります。683x368 のように表示したくありません。しかし、ここに問題があります。画像タグのトリミングで幅と高さを設定すると、うまく機能しなくなりました。問題のコードと画像プレビューを貼り付けます。

ここに画像の説明を入力

これは 2 番目のエラーです。X と Y に 2 を掛けた後です。 ここに画像の説明を入力

これは asp.net バックエンド コードです。

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

javascript - JqueryJCropAPIにアクセスできません

jCrop api(http://deepliquid.com)にアクセスしようとしています。

これが私のコードスニペットです:

コンソールに表示されます:TypeError:式の結果'jcrop_api.setSelect'[undefined]は関数ではありません。

一部のパラメーターをオプションとして渡すことができることは承知していますが、APIを使用して他の処理(setImageなど)を実行したいと思います。

何か案は ?どうもありがとう !

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

jquery - トリミングツールを使用した画像トリミング用のDjangoアプリ

クライアント側で画像を切り抜くためのアプリが必要です。つまり、Jcropjqueryプラグインのような切り抜きツールを使用します。

私はこのツールを見つけました:

しかし、最後の2つは管理者に依存しており、最初の2つは独自のImageFieldsとモデルに非常に関連しているように見えますが、良い解決策はありますか?

私たちは多くの機能を備えた大きなアプリケーションに取り組んでおり、記述されたロジックを変更することは非常に困難です

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

java - jcropとjavaを使用して画像を切り抜く

JavaStuffでJQueryJcropプラグインを使用して画像をトリミングしようとしていますが、正しい結果を得ることができません。

Jspコード:

Javaコード:

写真をトリミングすることはできますが、結果が正しくありません。たとえば、次の画像を見てください。

切り抜くための選択を含む元の画像
正しくないトリミングされた画像

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

javascript - トリミングされた領域の外側でのマウスクリックを無効にする

jqueryjcropを使用して画像を切り抜こうとしています。

このコードはプラグインを開始し、選択した領域をaspcet比率で画像に追加します。

ただし、ユーザーが別の場所で画像をクリックすると、選択範囲が表示されなくなります。したがって、このプラグインでマウスクリックを無効にして、選択した領域が画像の上に残るようにします。