【发布时间】：2012-06-30 07:24:56
【问题描述】：
如果我将页面的光标更改为“手电筒”（例如，一个圆圈），并且我只想在将光（圆圈）通过它时显示图像，那么最好的方法是什么对这个？使用css剪辑？但是它只能做矩形，所以我必须使用画布？也许有一种简单的方法可以将这两个图像相交？
【问题讨论】：
标签： javascript html canvas
【发布时间】：2012-06-30 07:24:56
【问题描述】：
您可以使用画布轻松做到这一点。
这是一个例子：
在每次鼠标移动时，我们都会清除画布，重新绘制图像，从矩形中切出一个圆形的剪切区域，并在整个画布上绘制黑色（仅在剪切区域上绘制）
有意义吗？
有很多种方法可以实现这种效果和类似的效果。您还可以使用一些帆布魔法制作更精美的光源。例如，在这里查看我的答案：Canvas - Fill a rectangle in all areas that are fully transparent
【讨论】：
-
我意识到这已经晚了，我使用了你的答案，但我一定是误点击了接受，对不起！
-
@SimonSarris 用另一个图像而不是黑色填充并创建一种 X 射线效果会很简单吗？