Canvas DrawImage используя URL данных

Question

Начну с сценарием:

    function saveInstance() { 
    _savedInstance = document.getElementById('canvasID').toDataURL(); 
    } 
    function restoreInstance() { 
    ctx.drawImage(_savedInstance,0,0); 
    } 

Цель состоит в том, чтобы сохранить экземпляр холста и повторно применить его позже [Подобно тому, как ctx.save() сохраняет стиль и преобразования].

Тем не менее, я получил ошибку, которая говорит о несовместимых типах (Неиспользуемая ошибка: TYPE_MISMATCH_ERR: DOM Exception 17). Есть ли какой-либо метод холста, который позволит мне использовать строку URL-данных данных для повторного рисования экземпляра?

** Если есть лучший способ реализовать эту идею сохранения/восстановления, у меня есть, это также было бы очень полезно.

-Firstmate

Answer 1

Да, вы можете создать элемент изображения с его источником, как _savedInstance, а затем сделать его на холст.

var img = new Image(); 
img.src = _savedInstance; 
ctx.drawImage(img,0,0);