Toile drawImage en utilisant l'URL de données

Question

Je vais commencer par le script:

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

Le but est d'enregistrer une instance de la toile et réappliquer plus tard [similaire à la façon dont ctx.save() enregistre le style et transformations].

Cependant, j'ai l'erreur qui indique les types incompatibles (Erreur non détectée: TYPE_MISMATCH_ERR: DOM Exception 17). Existe-t-il une méthode de canevas qui me permette d'utiliser la chaîne d'URL de données pour redessiner l'instance?

** S'il y a une meilleure façon de mettre en œuvre cette idée de sauvegarde/restauration que j'ai, ce serait également très apprécié.

-Firstmate

Answer 1

Oui, vous pouvez créer un élément d'image avec sa source _savedInstance puis dessiner sur la toile.

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