問題タブ [cropperjs]

私はクロム拡張機能を構築しています: https://github.com/justaguy84/resizemy.photos.chromeこれは、Web から画像を切り取り、サイズ変更するのに役立ちます。
私はcropperjsライブラリを使用しています：https://github.com/fengyuanchen/cropperjs
何らかの理由で、作物のサイズを変更すると、1つではなく2つの作物コンテナが取得され、両方とも幅/高さに問題があります。

奇妙なのは、唯一の変更がページの更新であるのに、機能する場合と機能しない場合があることです。

誰かが助けてくれることを願っています。ありがとう。

更新しました

html と js コードは次のとおりです: html

javascript-main.js

これがデバッグに役立つことを願っています。ありがとう

CropperJS 画像が回転またはズームされた後にイベント ハンドラーをトリガーしようとしています。これは、画像がトリミング ウィンドウ内でドラッグされた後に「cropend」イベントがトリガーされる方法と同様です。

これは CropperJS で可能ですか?

ここでモデルを閉じると、クロッパーを破壊しようとしていますが、私が使用しているコードはhttps://github.com/fengyuanchen/cropperjsです

1 つの画像を選択し、新しい画像を選択した後にモデルを閉じます。結果は次のとおりです。

私はcropper.jsを使用して画像をトリミングしています画像のsrcを取るディレクティブを書きました

次に、画像要素を作成し、それを dom に追加して、画像をクロッパー コンストラクターに渡します。

デフォルト オプション checkCrossOrigin を false に設定しましたが、それでもエラーが発生します

要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン「http://localhost:9090」へのアクセスは許可されていません。

どんな助けでも大歓迎です。

Cropper.JS を使用して画像をアップロードおよびトリミングしているときに問題に直面しています。クロッパー ツールを使用した後に 70 KB のファイルをアップロードするとします。サイズが大きくなり、115 KB になり、他のファイル サイズの MB に変換されることもあります。