Подтвердить что ты не робот

Canvas drawImage с использованием URL-адреса данных

Я начну с script:


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

Цель состоит в том, чтобы сохранить экземпляр холста и повторно применить его позже [Подобно тому, как ctx.save() сохраняет стиль и преобразования].

Тем не менее, я получил ошибку, в которой говорится о несовместимых типах ( "Неиспользуемая ошибка: TYPE_MISMATCH_ERR: исключение DOM 17" ). Есть ли какой-нибудь метод canvas, который позволит мне использовать строку URL-данных данных для повторного рисования экземпляра?

** Если есть лучший способ реализовать эту идею сохранения/восстановления, которую я имею, это было бы также оценено.

-Firstmate

4b9b3361

Ответ 1

Да, вы можете создать элемент изображения со своим источником как _savedInstance, а затем нарисовать его на холсте.

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