Tuval drawImage veri URL

Question

kullanarak Senaryonun başlayacağız:

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

amacı tuval bir örneğini kaydetmek ve ctx.save() kaydeder nasıl sonradan [Benzer yeniden uygulamaktır stil ve dönüşümler]. Ancak, uyumsuz türler (Hatasız Hata: TYPE_MISMATCH_ERR: DOM Özel Durum 17) yazarken hata aldım. Örneği yeniden çizmek için veri URL dizesini kullanmama izin verecek herhangi bir tuval yöntemi var mı?

** Bu kaydetme/geri yükleme fikrini uygulamak için daha iyi bir yol varsa, bu da çok takdir edilecektir.

-Firstmate

Answer 1

Evet, _savedInstance olarak kaynağı ile bir görüntü öğesi oluşturmanıza ve tuvale çizebilirsiniz.

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