1

キャンバスに画像を描くのに苦労しています。これまでに行ったことは、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 呼び出しから返されるデータであり、データベースに格納されているものと同じです。

助けてくれてありがとう。

4

1 に答える 1

2

この行にそのエラーがあるようです：

imagedata.src = result;

次のようにする必要があります。

imagedata.src = CanvasData;
于 2012-05-10T13:17:41.220 に答える