2011-10-21 14 views
1

私は、ユーザーがイメージをアップロードしてイメージをキャンバスデータに変換して表示することができる純粋なJS/HTMLページを作成中です。次いで、ユーザは、ボタンをクリックして、画素データに対して変更を実行し、表示を変更することができる。すぐに保存ダイアログボックスでHTML5キャンバスイメージをダウンロードする - サーバーに保存しない

ユーザーが画像を保存したい場合は、右クリックして名前を付けて保存し、画像をcanvas.pngとして保存するように求められます。しかし、標準の保存ダイアログボックスをポップアップするためにユーザがクリックできるボタン「画像をダウンロード」を持っていることをお勧めします。

私の質問は、キャンバスのデータを標準の画像ダウンロードプロンプトにプルダウンする方法です。ここで

は、いくつかの詳細は以下のとおりです。

あなたが表示された画像の「ビュー画像」を行う場合は、それが行くのURLは、このようなものです: データ:画像/ PNG; base64で、iVBORw0KGgoAA(たくさんのもの)

答えて

1

Jacob Seidelinは、キャンバスをイメージとして保存できるライブラリを作成しました。あなたは彼のsite hereを見つけることができます!

関連する問題