不断扩大的光束在背景中

Question

我有一个网页，其背景将是一个手电筒。是否可以绘制手电筒，以便无论用户浏览器的大小，光束（片状）都会扩展？例如（喜欢ascii艺术）：

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

随着光线的扩展，直到它们到达视口的一侧。

我不想使用简单的图像，因为它是固定的大小。我也在考虑使用像拉斐尔这样的Javascript绘图库，但我不知道是否有更好的方法。

Answer 1

您可以使用超大背景图像，将其置于元素中心，如果它们使用极大的屏幕，效果仍然有效。