javascript - Canvas drawImage 使用数据 URL

Question

我将从脚本开始:

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

目的是保存 Canvas 实例并稍后重新应用它[类似于 ctx.save() 保存样式和转换的方式]。

但是，我收到了不兼容类型的错误(未捕获错误:TYPE_MISMATCH_ERR:DOM 异常 17)。是否有任何 Canvas 方法允许我使用数据 URL 字符串重新绘制实例？

**如果有更好的方法来实现我的这个保存/恢复想法，我将不胜感激。

-大副

Answer 1

是的，您可以创建一个图像元素，其源为 _savedInstance，然后将其绘制到 Canvas 上。

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