使用mozrequestfullscreen（）與多層畫布？

Question

我正在嘗試用我的畫布進行全屏，其中有3層。然而，無論何時我使用mozrequestfullscreen方法，它只能在一層上工作（因爲它需要一個參數）。 我只是想問，是否有一種使用mozrequestfullscreen函數全屏顯示所有圖層的方法？

Answer 1

Using the Fullscreen API

把它們放到一個div，要求對DIV全屏：

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

還可以使用選擇：-vendor全屏做具體全屏造型：

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

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