問題タブ [cropperjs]

質問する

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.

205 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
244 参照

image - ファイルのダウンロード後に画像が変更されない (VueJs および FileReader)

入力タイプのファイルがあります。画像を読み込んだ後、データ プロパティ「imgSrc」に値を割り当てます。

最初のロード後、この画面のようにすべて問題ありません-http://joxi.ru/KAxn6yZsMxn5Wm

しかし、次のアップロード後、画像は変わりません - http://joxi.ru/MAj38WvF4pRPar

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

angular - Cropperjs ミステリー サークル

cropperjsトリミング領域を円に設定する方法。angular/typescript と ngx-img モジュールを使用しています。

これは私のcomponent.htmlコードです：

そして私のcomponent.tsコード：

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

javascript - Angular 5 と angular-cropperjs を使用して画像を回転するには?

私の目的:

  • 私のブラウザで画像ファイルをアップロードするには、編集（切り抜きと回転）してダウンロード/アップロードします。

これまでに達成したこと:

  • 画像を回転させることはできますが、一度だけです。

私が直面している問題:

  • 公式ドキュメントに記載されているように、使用できません。this.angularCropper.cropper.rotate(degreeInNumber);このエラーが発生しますCannot read property 'rotate' of undefined。
  • これは、人気のある JS 画像ライブラリであるCropperJSのラッパーであるため、CropperJS の構文this.cropper.rotate(degreeInNumber);(rotateLeft()関数内)を試してみましたが、機能するのは 1 回だけです。関数を 2 回目に呼び出すとrotateLeft()、機能しません。
  • crossoriginまた、で言及したにもかかわらず<input>、私は得ていますCannot read property 'checkCrossOrigin' of undefined

これが私のコードですapp.component.html：

そして、私のapp.component.ts：

私はこれにかなり慣れていないので、誰かが私が見逃している/間違っていることを指摘できますか?

また、トリミングされた画像を元に戻すにはどうすればよいですか?

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

javascript - Cropper.js処理されたイベントからクロッパーインスタンスを取得する方法

ボックスサイズが最小許容画像サイズ未満の場合、自動サイズ変更またはクロップボックスを実現しようとしています。今のところ、これを作成しました:

cropendしかし、処理されたイベントでこの計算を実行したい:

そして私の質問は、イベントからクロッパーインスタンスを取得するにはどうすればよいですか?


12345678910