Base64 png to Canvas

Question

Я борется с рисованием изображения на холсте. Что я сделал до сих пор, так это то, что я вставил imagedata из Canvas в базу данных. Проблема в том, что когда я пытаюсь создать образ данных и нарисовать его на 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 для примера imagedata: http://pastebin.com/XGmV49k9 Результат - это данные, которые возвращаются из вызова AJAX и совпадают с тем, что хранится в базе данных.

Спасибо за любую помощь.

Answer 1

Кажется, что ошибка в этой строке:

imagedata.src = result; 

Должно быть:

imagedata.src = CanvasData;