canvas要素をData URIとして取得

canvas要素をData URIとして取得するには、canvas.toDataURLメソッドを使用します。

var result = canvas.toDataURL(mimeType);

引数名	型	初期値	説明
mimeType	string	'image/png'	変換する画像形式をMIME Typeで指定

canvasの引数で指定した画像形式（初期はPNG）に変換されたData URIを返します。

JavaScript

var canvasElem = document.getElementById('sample'),
    imageElem  = new Image();

imageElem.src = canvasElem.toDataURL('image/jpeg');