問題タブ [imageareaselect]

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 に答える
668 参照

javascript - ImageAreaSelect: 初期化時に事前選択をプレビューしない

これが私が事前に選択している方法です(この質問/回答のおかげでImageAreaSelect: aspspectRatio に関して可能な最大のサムネイルを事前に選択します)

しかしプレビューメソッドはInitにロードされていないようです。ユーザーは、現在の選択を再選択、サイズ変更、または少なくともドラッグして、プレビューできるようにする必要があります。

プレビュー方法(サイトから取得)

私はinit関数でこれを試しました:

しかしなかなか成果が出ず…

しかし、解決策は、ドラッグされた選択を再生成することか、それに似たものになると思いますか?

-編集-

このスクリーンショットをチェックアウトする場合:

ここに画像の説明を入力

事前選択が正常に行われたことがわかりますが、事前選択は行われませんでした..

選択範囲をクリック/移動するだけで、プレビューされます

ここに画像の説明を入力

したがって、質問は次のようになります。

変更された選択を再現するにはどうすればよいですか? プラグイン メソッドまたは DOM イベント経由

JSFiddle

-EDIT2-

さて、私はこの解決策を思いついたのですが、プラグインの初期化後にプレビュー機能を実行してみませんか?

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

php - 画像のトリミング、画像の保存中にエラーが発生する

以下のコードを確認してください。私は PHP コードで jquery を使用しています。PHP に関する知識があまりないので、ここから出してください。PHP ページと HTML ページを分離する必要があります。これが私の popup.html です。間違ったコードを実行した場合、教えてください

これが私のSave Image.phpです

エラー "NetworkError: 404 Not Found - http://abc.com/CropImage-PHP/uploads/%3Cbr%20/%3E%3Cb%3EWarning%3C/b%3E:%20%20imagecreatefromjpeg(uploads/undefined)を取得する%20%5B%3Ca%20href= "

アップロード フォルダの作成中にエラーが発生しました。

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

cordova - phonegap で画像をトリミングするための画像領域の選択

私は電話ギャップが初めてです。

ユーザーが画像をアップロードしてから、画像領域を選択して画像をトリミングできるアプリを開発したいと考えています。それで、phonegapでそれがどのように可能か教えてください。

js プラグインはモバイルでは機能しません。

私が欲しいものを正確に知るために、次の画像をチェックしてください。 http://media.tumblr.com/df0529ed63155df0c7fff5d816a0f9ad/tumblr_inline_msopy8ONJY1qz4rgp.jpg

0 投票する
0 に答える
438 参照

jquery - imageareaselect: 画像の定義された高さと幅で画像をトリミングします

画像のプレビュー トリミングに jquery プラグインを使用しています。問題は、画像をアップロードすると、全長が 1280* 1024 の画像が表示されることです。

サイズを指定しない Aspx コードは正常に動作します。

そしてjqueryは次のとおりです。

上記のコードは私にとってはうまくいっています。正しいプレビューと正しいトリミングされた画像が表示されます。しかし、以下のように画像に修正サイズを与えると、正しいプレビューが表示されますが、切り抜き画像は正しくありません。

修正サイズを指定すると、画像が正しくトリミングされません:サイズを指定した Aspx コードは、トリミング画像ではうまく機能しません:

画像を完全にトリミングするための解決策を教えてください。

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

jquery - Jquery プラグインが機能しない

この黄色のマーカーのスクリプトは、2 つ以上の選択入力をチェーンするために使用しています。このコード (緑色のマーカー) が存在する場合は機能しません。私がimageareaselect(画像のトリミング)に使用している緑色のマーカーで、フッターにこのシルバーコードがあると機能しません。日付ピッカーに使用しているフッターです。解決策はありますか?

ここに写真:

ここに画像の説明を入力

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

jquery - imgAreaSelect がモーダル クローズまたはページのスクロール時に非表示にならない

私は画像の配列に imgAreaSelect を使用しています。ユーザーは < と > の矢印をクリックして切り替えることができます。プラグインが 1 つの画像の場合はモーダル ウィンドウで完全に動作させることができましたが、属性を動的に設定する場合、どうにかし<img id="image">て CSS が気に入らなくなりました。

プラグインがどのように機能するかの jsfiddle を次に示しますが、画像は 1 つだけです: http://jsfiddle.net/B83Ck/ imgAreaSelect プラグインは画像に直接適用され、問題はありません。

残念ながら、これは、次の jsfiddle に見られるように、画像を切り替えるために使用していた JS では機能しませんでした。代わりに、画像が存在するブロック要素に imgAreaSelect を適用しようと考えました 。モーダルが移動している間、領域は固定されたままです。また、モーダルを閉じると、選択範囲が表示されたままになります。

だから私は今ここにいます。parent: '#parentblock'このjsfiddleで確認できるimgAreaSelectインスタンスへの追加に関するいくつかのことを読みました: http://jsfiddle.net/H4hEx/ これには必要なスクロール機能と閉じる機能がありますが、画像自体には表示されません. なんか横にずれてる。助言がありますか?

0 投票する
0 に答える
380 参照

javascript - imgselectarea モーダル ウィンドウの選択範囲の削除

imgAreaSelect プラグインに少し問題があります。これが私がしたことの例です。http://jsfiddle.net/H4hEx/19/

しかし、モーダル ウィンドウを閉じて再度モーダル ウィンドウ ボタンをクリックすると、選択領域が削除されませんでした。では、モーダルウィンドウを閉じるときに選択を破棄する方法は? (「閉じる」または「変更を保存」ボタンをクリックしない場合でも) x1、x2、y1、y2 を破壊するコードを書く必要があると思います。そうですか?

そして、私がやろうとしているもう1つのことは、選択範囲を制限することです. ユーザーが画像の右側にある白いボックスを選択できないように選択領域を制限する方法は?