2

我现在正在做的事情如下：

我正在使用 toDataURL 方法存储画布的状态，并且我还尝试使用 drawImage 方法在画布上绘制它。

这是一个片段：

var lastState = states[10]; //states is an array that saves all the toDataURL of the canvas
var permCtx = canvas.getContext('2d');
var img = new Image();
img.onload=function(){
  permCtx.drawImage(img,0,0);
}
img.src=lastState;

我在控制台中收到以下错误：

414（请求 URI 太大）

有没有办法只使用 toDataURL 方法在画布上绘制图像？

4

1 回答 1

2

您使用的机制应该可以工作；您看到此错误的操作系统/浏览器/版本是什么？

无论如何，尽管这应该可行，但如果您正在构建数据 URL，然后在同一个会话中恢复它们，这并不是最有效的。相反，我建议创建一个新的非 DOM 画布来存储您的状态，并使用它来绘制到主画布：

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);
}
于 2011-04-18T02:30:12.467 回答