1

我正在努力在画布上绘制图像。到目前为止，我所做的是我已将 Canvas 中的图像数据插入到数据库中。问题是，当我尝试创建数据图像并将其绘制回画布上时，它不会绘制相同的图像，可能只绘制了一些像素，而其余的只是空白，就像不应该在那里绘制任何东西一样。

我得到这样的图像数据：

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);
}

这是一个指向 pastebin 的链接，以获取图像数据的示例：http://pastebin.com/XGmV49k9结果 是从 AJAX 调用返回的数据，与存储在数据库中的数据相同。

谢谢你的帮助。

4

1 回答 1

2

似乎这一行中的错误：

imagedata.src = result;

应该：

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