Загрузка данныхURL из локального хранилища в HTML-холст

Question

У меня возникли проблемы с загрузкой dataURL в мой холст из локального хранилища.

localStorage.getItem(canvasArea) 

Я сумел сохранить dataURL в локальном хранилище, и когда я console.log это я могу его увидеть:

мне удалось сохранить его, используя этот код:

document.getElementById("saveButton").addEventListener("click", function() 
{ 
    var canvas = document.getElementById("canvasArea"), 
    ctx = canvas.getContext("2d"); 

    localStorage.setItem(canvasArea, canvas.toDataURL()); 
}) 

Однако, когда я пытаюсь поместить этот dataURL, используя приведенный ниже код, он ничего не делает.

function loadCanvas(dataURL) { 

    var canvas = document.getElementById('canvasArea'); 
    var ctx = canvas.getContext('2d'); 


    var imageObj = new Image(); 
    imageObj.src = dataURL; 
    imageObj.onload = function() { 
     ctx.drawImage(this, 0, 0); 
    }; 
} 

var dataURL = localStorage.getItem(canvasArea); 
loadCanvas(dataURL); 

Я пропустил что-то очевидное или я глуп? Любая помощь будет оценена! Спасибо!

Answer 1

Сделайте console.log по телефону localStorage.getItem(canvasArea) и посмотрите, что именно он получает. У меня были такие странные проблемы, как раньше, когда он хотел loadCanvas(""+ dataURL); вместо loadCanvas(dataURL);