Краеугольный камень сохранить и восстановить состояние холста

Question

Я хочу сохранить текущее состояние холста, вернуться назад и продолжить редактирование.

Я попытался преобразовать холст в baseUrl, сохранить в массиве, затем перезвонить, но он возвращается как изображение.

$('#SaveAsTool').click(function(){
  var mycan =  canvas.toDataURL();
  console.log(mycan);
  localStorage.setItem('mycanvas', mycan);
})

$('#restore').click(function(){
  var myImage = new Image();
  myImage.src = localStorage.getItem('mycanvas');
  var canvas = document.getElementById('mycanvas');
  var ctx = canvas.getContext('2d');
  // wait for it to load before calling draw

  myImage.onload = function() {
  ctx.drawImage(myImage, 0, 0);

}

я ожидаю, что из холста, который можно редактировать, но на выходе это изображение предыдущего холста в новом холсте