lienzo drawImage usando el URL de datos

Question

Voy a empezar con el guión:

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

El objetivo es ahorrar una instancia de la tela y volver a aplicar más tarde [Similar a la forma ctx.save() ataja el estilo y transformaciones].

Sin embargo, recibí el error que dice tipos incompatibles (Error no detectado: TYPE_MISMATCH_ERR: DOM Exception 17). ¿Hay algún método de lienzo que me permita utilizar la cadena de URL de datos para volver a dibujar la instancia?

** Si hay una forma mejor de implementar esta idea de guardar/restaurar que tengo, eso también sería muy apreciado.

-Firstmate

Answer 1

Sí, se puede crear un elemento de imagen con su fuente como _savedInstance y luego dibujar en el lienzo.

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