javascript - 用 Javascript 存储 HTML5 画布的状态

Question

我正在尝试编辑联合抽奖

我想存储画布的状态，所以如果有新访客进来，他会看到最后绘制的东西的状态。目前，画布为新访客清除了所有内容。

我与 union draw 有什么关系来存储画布的状态？

这样的事情有可能吗？如果是，如何？

var states = [];
function saveState(ctx){
  var c = document.createElement('canvas');
  c.width  = ctx.canvas.width;
  c.height = ctx.canvas.height;
  c.getContext('2d').drawImage(ctx.canvas,0,0);
  states.push(c);
  return c;
}

function restoreState(ctx,idx){
  var off = idx==null ? states.pop() : states[idx];
  ctx.drawImage(off,0,0);
}