5

如果我将页面的光标更改为“手电筒”(例如,一个圆圈),并且我只想在将光(圆圈)通过它时才显示图像,那么最好的方法是什么?使用css剪辑?但是它只能做矩形,所以我必须使用画布?也许有一种简单的方法可以使这两个图像相交?

4

1 回答 1

9

您可以使用画布轻松完成此操作。

这是一个例子:

http://jsfiddle.net/gfZ5C/

在每次鼠标移动时,我们清除画布,重新绘制图像,从矩形中切出一个圆形的剪辑区域,并在整个画布上绘制黑色(仅在剪辑区域上绘制)

有道理?

很多方法可以实现这种效果和类似的效果。您还可以使用一些帆布魔法制作更精美的光源。例如,请参阅我的答案:画布 - 在所有区域中填充一个矩形,这些区域完全透明

于 2012-06-29T14:14:10.760 回答