JavaScript - Canvas は、スクリーンショットを合成して画像をアップロードした後、64 ビットでコード化された画像を圧縮します

私はモバイル ページで作業しています。要件は、テンプレート画像上で、ユーザーが入力ボックスに情報を入力し、HTML2canvas プラグインを介してページのスクリーンショットを撮り、画像を共有することです。私の会社の公開プラットフォームには画像を配置できないため、このテンプレート画像は私の個人サーバーに配置されています。画像のリンク アドレスは www.myself.com/aa.png です。すると、私が作ったページのリンクアドレスは www.gongsi.com/index.html になります。次に、キャンバスでスクリーンショットを撮ると、スクリーンショットを撮った後にクロスドメインの画像が表示されないため、64 ビットコードを介してフロントエンドに画像を送信するための php インターフェイスをサーバー上に書きました:
php コード:

リーリー

フロントエンドがそれを受け取ったら、img タグの src 属性を直接設定します:

リーリー

この時点では、img タグの src 属性は 64 ビット コードの束であり、画像は正常に表示され、HTML2canvas を通じてスクリーンショットが取得されます。 リーリー

、バックエンド PHP によって受信されるコードは次のとおりです:

リーリー

プロセス全体が完了すると、ユーザーがサーバーにアップロードした写真の一部は通常どおり表示され、一部は圧縮されます。

お聞きしたいのですが、画像圧縮の問題は何ですか?

返信内容:

私はモバイル ページで作業しています。要件は、テンプレート画像上で、ユーザーが入力ボックスに情報を入力し、HTML2canvas プラグインを介してページのスクリーンショットを撮り、画像を共有することです。私の会社の公開プラットフォームには画像を配置できないため、このテンプレート画像は私の個人サーバーに配置されています。画像のリンク アドレスは www.myself.com/aa.png です。すると、私が作ったページのリンクアドレスは www.gongsi.com/index.html になります。次に、キャンバスでスクリーンショットを撮ると、スクリーンショットを撮った後にクロスドメインの画像が表示されないため、64 ビットコードを介してフロントエンドに画像を送信するための php インターフェイスをサーバー上に書きました: php コード: リーリー

フロントエンドがそれを受け取ったら、img タグの src 属性を直接設定します:
リーリー

この時点では、img タグの src 属性は 64 ビット コードの束であり、画像は正常に表示され、HTML2canvas を通じてスクリーンショットが取得されます。 リーリー

、バックエンド PHP によって受信されるコードは次のとおりです:

リーリー

プロセス全体が完了すると、ユーザーがサーバーにアップロードした写真の一部は通常どおり表示され、一部は圧縮されます。

お聞きしたいのですが、画像圧縮の問題は何ですか?