Я получаю изображение с кодировкой base64 в холсте как:
var dataURL = canvas.toDataURL( "image/png" );
Затем я превращаю его в такие данные:
//Remove the beginning identifier and use Chrome/Firefox?safari built int base64Decoder
var data = atob( dataURL.substring( "data:image/png;base64,".length ) );
Затем я пишу его в файловую систему через:
event.createWriter(
function(writerEvent)
{
//The success handler
writerEvent.onwriteend = function(finishEvent)
{
...
};
//Error handler
writerEvent.onerror = settings.error;
// Create a new Blob
var blob = new Blob( [ data ], { type: "image/png" } );
//Write it into the path
writerEvent.write( blob );
}
}
Я пытаюсь установить его как src изображения следующим образом:
document.getElementById( "saved" ).src = event.toURL();
Это записывает файл, и я могу его найти и получить url (читая его и используя событие: event.toURL()
. Но изображение отображается как значок с поврежденным изображением на веб-странице. Что я делаю неправильно