Ajax - HTML5 Canvas

Question

これまでにajaxを使ったことは一度もありませんでした。アイデアとその仕組みに苦しんでいると思います。私が何をしたいか

：

私はすべてのキャンバスの上に描きたいとセーブヒット。保存すると、dataURLがmySQLデータベースに送信されます。

聞くが、私が読んだものです： これは私が見つからなかったものアヤックス

なしには不可能である：私はこれはアヤックスで作業することができますどのように理解させるために 何を。

dataURL（キャンバスに描かれた情報を）引っ張って私は現在、誰もが、それははるかに高く評価されるだろう私を助けるならば、私は

をやりたいしようとするSignature-Padラボを使用しようとしています。これがどのように動作するかについてのAjaxコードの動作、それがどのように動作するか、または何らかの相対的なリンクに関するアイデア。

また、私はPHPとJavascriptを使用しています。

Answer 1

このリンクをクリックしてください。

http://www.permadi.com/blog/2010/10/html5-saving-canvas-image-data-using-php-and-ajax/

Answer 2

隠し<input>要素をページ上<form action="post">を作成します。画像をアップロードする場合はcanvas.toDataURL()を呼び出し、画像データの文字列をdata:image/png;base64,…の形式で返します。その後、非表示入力の値をその文字列に設定し、フォームを送信します。サーバー側では、data:ヘッダーと残りの文字列をBase64 decodeで取り除き、他のイメージデータ（ファイルなど）と同じようにその文字列を保存します。