JS-Canvas：重绘窗口大小的形状

Question

我的应用会侦听调整大小事件并调整画布的宽度和高度：

window.addEventListener('resize', () => {
  this.canvasWidth = innerWidth
  this.canvasHeight = innerHeight    
})

当我调整窗口大小时，画布完美调整大小，但我在画布上绘制的形状消失了。

如何保持绘制的对象可见？

Answer 1

突然它起作用了，我只需要用requestAnimationFrame方法调用它。

const loop = () => {
  this.update()
  this.draw()
  requestAnimationFrame(loop)
}
loop()