使用mozrequestfullscreen（）与多层画布？

Question

我试图用我的画布全屏显示3层。但是每当我使用mozrequestfullscreen方法时，它只能在一个图层上工作（因为它需要一个参数）。 我只是想问一下使用mozrequestfullscreen功能有没有办法全屏显示所有图层？

Answer 1

Using the Fullscreen API

将它们放入div中，在div上请求全屏：

<div class="fullscreen">
  <canvas></canvas>
  <canvas></canvas>
  <canvas></canvas>
</div>

还可以使用selector：-vendor-full-screen来执行特定于全屏的样式：

div.fullscreen:-webkit-full-screen {
  /* your styling here */
}

div.fullscreen:-webkit-full-screen canvas {
 /* your styling here */
}