使用数据 URL 绘制图像

我将从脚本开始：

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

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

但是，我收到了错误，指出类型不兼容（未捕获错误：TYPE_MISMATCH_ERR：DOM 异常 17）。是否有任何画布方法允许我使用数据 URL 字符串来重新绘制实例？

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

-大副

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

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