Выявить содержание сайта под изображением «по скретч-карте» - PullRequest
Новая
       12

Выявить содержание сайта под изображением «по скретч-карте»

0 голосов
/ 23 мая 2019

Я не уверен, как это назвать, учитывая, что я пришел сюда за помощью. Больше, чем поиск решения моей проблемы, я ищу ресурсы для чего-то, что я не знаю, как это называется.

У меня была идея воспроизвести это , но со всем содержимым моего сайта под изображением и в постоянном виде. Я подумал, что это связано с Canvas и JavaScript, но я не уверен, как это назвать. Это не след мыши, но это связано с координатами курсора.
Я подумал, что мог бы сделать что-то похожее на этот кодовый блок, и в определенный момент изображения исчезли бы, чтобы показать веб-сайт, но это не кажется идеальным и / или отзывчивым.

И это то, что я знаю об этой конкретной проблеме. Даже если я хочу сделать это, это невозможно, если бы вы могли направить меня в нужном направлении, чтобы получить некоторую документацию по этому поводу, я был бы очень признателен.

Код, вставленный внизу, просто для того, чтобы вопрос мог быть утвержден. Я думаю, что ссылка на кодовый блок полностью отражает то, что я имею в виду. 

    //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!');
    }
  })
})
...