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

WBOY
リリース: 2016-08-08 09:06:49
オリジナル
1099 人が閲覧しました

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

リーリー

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

リーリー

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

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

リーリー

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

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

お聞きしたいのですが、画像圧縮の問題は何ですか? JavaScript - Canvas は、スクリーンショットを合成して画像をアップロードした後、64 ビットでコード化された画像を圧縮します

返信内容:

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

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

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

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

リーリー

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

お聞きしたいのですが、画像圧縮の問題は何ですか? JavaScript - Canvas は、スクリーンショットを合成して画像をアップロードした後、64 ビットでコード化された画像を圧縮します

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート