方法ジャバスクリプトキャンバス、生成された画像
氏の画像形式にbase64で、その後、バックAJAXフォルダを送信し、サーバに書き込むことができる
<前>
<！DOCTYPE HTML>
<HTML>
<身体>
<キャンバスのid = "myCanvas">
キャンバスタグをサポートしていないブラウザ
</キャンバス>
ます。<script type = "text / javascriptの">
VARキャンバス=のdocument.getElementById（ 'myCanvas'）;
VAR CTX = canvas.getContext（ '2D'）;
ctx.fillStyle = '＃FF0000';
ctx.fillRect（0、0、80、100）。
VARデータ= getBase64Image（）。
console.log（データ）。
機能getBase64Image（）{
VARキャンバス=のdocument.getElementById（ 'myCanvas'）。
VAR dataURL = canvas.toDataURL（ "画像/ PNG"）。
dataURL返す
//リターンdataURL.replace（ "データ：; base64で、画像/ PNG"を、 ""）;
}
</ SCRIPT>
</ BODY>
</ HTML>
</ PRE>