ベース64pngからキャンバス

Question

私はキャンバスで画像を描くのに苦労しています。 私がこれまで行ってきたことは、Canvasからimagedataをデータベースに挿入したことです。 問題は、データのイメージを作成して後でキャンバスに描画しようとしたときに、同じピクセルが描画されず、一部のピクセルのみが描画され、残りは描画されません。

私はこのような画像データを取得しています：

var CanvasData = document.getElementById('canvas'); 
CanvasData = CanvasData.toDataURL("image/png"); 

そして、この（データがデータベースに格納されている）のようなバックキャンバス上の画像を描画：

var result = xmlhttp.responseText; 
var CanvasDraw = document.getElementById('canvas'); 
var ctxChange = CanvasDraw.getContext('2d');   

imagedata = new Image(); 
imagedata.src = result; 
imagedata.onload = function(){ 
    ctxChange.drawImage(imagedata, 0, 0); 
} 

はここですimagedataの例のpastebinへのリンク：http://pastebin.com/XGmV49k9 結果は、AJAX呼び出しから返され、データベースに格納されているデータと同じです。

ありがとうございました。

Answer 1

は、この行でそのエラーようだ：

imagedata.src = result; 

は次のようになります。ご返信用

imagedata.src = CanvasData;