html - 有没有办法在不清除上面绘制的内容的情况下动态扩展 html5 Canvas ？

Question

参见 this

当输出到达页面底部时，我希望 Canvas 自动扩展，以便它可以继续。我尝试设置 canvas.height 属性，但它清除了窗口。有什么办法吗？

Answer 1

我的工作:
创建与您的 Canvas 大小相同的虚拟 Canvas 。

dummyCanvas.getContext('2d').drawImage(yourCanvas, 0, 0);
newCanvas = recreate(yourCanvas);
newCanvas.getContext('2d').drawImage(dummyCanvas);

不是很漂亮，特别是在你需要每秒重新创建 Canvas 50 次以上的情况下......有兴趣看到其他答案......它对我有用，因为我只是在 clientWidth/clientHeight 时调整 Canvas 大小改变 [window.onresize]