我不确定是否有可能。但是，让我们说有两个图像，一个在另一个上面。然后我的光标周围会有一个100px的圆圈。因此，当我将光标移动到图像上时，它会显示前面图像下方的部分图像。因此，只有当圆圈尺寸为100px超过其某些部分时，背面图像才会隐藏和可见。
不幸的是我没有代码，因为我不确定是否可以创建。
然而，有什么想法吗？
答案 0 :(得分：2)
我会尝试将隐藏图像堆叠在可见图像上方，然后使用HTML5的画布跟踪鼠标光标，剪切光标下方的圆形区域，然后在其上方绘制图像。这给人一种幻觉，即你会露出＆＃34;一个底层图像，实际上你真的揭示了堆叠在顶部的一小部分图像。每当用户移动他/她的光标时重复此操作。
以下是您可能会发现编码的一些资源：
HTML5 Canvas Clipping Region Tutorial
HTML5 Canvas Mouse Coordinates
Stack Overflow：clearing circular regions from HTML5 Canvas