背景中不断扩大的光束
我有一个网页,其背景将是手电筒。是否可以绘制手电筒,以便无论用户浏览器的大小如何,光束(饼状)都会扩展?例如(喜欢那个 ascii 艺术):
/
/
/
/
________/ | /
| _ |/
|________ |\
\_| \
\
\
\
\
光线不断扩展,直到到达视口的一侧。
我不想使用简单的图像,因为它将是固定大小的。我也想过使用像Raphael这样的Javascript绘图库,但我不知道是否有更好的方法。
I have a webpage, the background for which is going to be a flashlight. Is it possible to draw the flashlight so that the beam (a piece-of-pie shape) will expand, no matter the size of the user's browser? For example (love that ascii art):
/
/
/
/
________/ | /
| _ |/
|________ |\
\_| \
\
\
\
\
With the rays expanding until they hit the side of the viewport.
I don't want to use a simple image because it will be a fixed size. I was also thinking of using a Javascript drawing library like Raphael, but I don't know if there's a better way.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以使用超大的背景图像,将其置于元素的中心,如果他们使用非常大的屏幕,效果仍然会起作用。
You could use an oversized background image, center it on the element and if they use an extremely large screen the effect will still work.