不斷擴大的光束在背景

Question

我有一個網頁，其背景將成爲一個手電筒。無論用戶的瀏覽器大小，是否可以繪製手電筒以使光束（一片餡餅形狀）展開？例如（愛ascii藝術）：

    /
        /
       /
       /
________/ |/
|  _ |/ 
|________ |\ 
     \_| \ 
       \ 
        \ 
        \ 
         \ 

隨着射線擴大，直到他們擊中視口的一側。

我不想使用簡單的圖像，因爲它會是一個固定的大小。我也在想用Raphael這樣的Javascript繪圖庫，但我不知道是否有更好的方法。

Answer 1

您可以使用超大尺寸的背景圖像，將其居中放置在元素上，如果它們使用非常大的屏幕，效果將仍然有效。