animation - 使用 canvas.requestFullscreen() 进入全屏时如何调整 Canvas 大小？

Question

好的，所以我有这个网格，我想要全屏显示并在分辨率的完整空间内绘制。

但我无法让它注册超过屏幕的 2/3 三分之二。

我有一个 CanvasElement内部自制Grid -类(class)。当你按下一个按钮时，网格应该通过这种方法全屏显示:

void fullScreenRequest(){      
  document.onFullscreenChange.listen(grid.handleFullScreen());
  grid.requestFullscreen();      
}

这会触发 Grid 中的这些方法:

void requestFullscreen(){       
   canvas.requestFullscreen();       
}

void handleFullScreen(){              
   window.setImmediate(() {         
       canvas.width = (canvas.parent as Element).client.width;
       canvas.height = (canvas.parent as Element).client.height;         

       canvasWidth = canvas.width;
       canvasHeight = canvas.height;        
   });       
 }

绘制网格的内容时，我使用 canvasWidth和 canvasHeight作为基地。如何让这些值成为屏幕的全分辨率？

Answer 1

只需在回调中获取窗口大小:

canvas.width = window.innerWidth; // Or window.screen.available.width
canvas.height = window.innerHeight;
canvas.style.position = 'absolute'; // If you need