これは単なる推測であり、アプローチがあるかどうかはわかりません。
この質問の核となる部分は、srcに対して別のXHRリクエストを行わずに画像のデータを取得する方法です。
以前にcanvasを試しましたが、canvasオブジェクトを作成しdrawImage、ターゲット画像のDOM参照、またはImagesrc属性を持つオブジェクトを使用したいと考えています。しかし、私はいつもこの質問が述べているのと同じエラーを受け取りました。
質問に戻ります。表示される画像はブラウザによってフェッチされており、ディスクまたはメモリのどこかにある必要があるため、画像ファイルを操作する方法が必要です。そうでない場合は、JavaScriptまたはブラウザがこれを実行できない理由を教えてください。