Question

我不确定该怎么称呼，我来这里寻求帮助。除了寻找解决问题的方法外，我还在寻找不知道它叫什么的资源。

我本来打算复制this，但整个网站的内容都在图片下，并且永久存在。我认为这与Canvas和JavaScript有关，但是我不确定该怎么称呼它。这不是鼠标轨迹，而是与光标的坐标有关。
我想我可以做一些类似于该Codepen的事情，并且使图像在某个点消失以显示该网站，但这似乎并不理想和/或敏感。

关于我对这个特定问题的了解。即使我不可能做到这一点，如果您能引导我正确的方向来获取有关此方面的文档，我也将不胜感激。

粘贴在下面的代码仅是为了可以批准该问题。我认为指向Codepen的链接完全显示了我的意思。

    //this is a sample flashlight effect

$(document).ready(function() {
  $(this).mousemove(function(e) {
    $("#light").css({
      "top": e.pageY - 250,
      "left": e.pageX - 250
    })
  }).mousedown(function(e) {
    switch (e.which) {
        case 1:
            $("#light").toggleClass("light-off");
            break;
        case 2:
            console.log('Middle Mouse button pressed.');
            break;
        case 3:
            console.log('Right Mouse button pressed.');
            break;
        default:
            console.log('You have a strange Mouse!');
    }
  })
})

以“刮刮卡方式”在图片下显示网站内容

0 个答案: