1. ホーム
  2. javascript

[解決済み] svg canvas をローカルファイルシステムに保存する方法

2023-07-17 03:08:13

質問

ブラウザを使って javascript の svg canvas でベクトルグラフを作成した後、そのファイルをローカルファイルシステムにダウンロードできるようにする方法はありますか?

SVG は私にとって全く新しい分野なので、私の表現が正確でない場合はご容赦ください。

どのように解決するのですか?

通常の "Save" ブラウザコマンドを使用して可能かもしれませんが、それは SVG canvas を保存するだけでなく、ページ全体を保存します。

AJAXを使用して、SVG XMLデータ全体をサーバースクリプトにPOSTデータとして送信し、そのスクリプトにヘッダ付きPOSTデータを返送させるのが最善の方法だと思います。 Content-Disposition: attachment; filename=yourfile.svg .

(PHPでは、生のPOSTの内容を得るには file_get_contents('php://input') .)