Задать вопрос
@drtvader
Вечный студент

Как сделать слежение path за курсором?

Привет!
Как можно рассчитать слежение элемента path за курсором?
Нашел вот такой пример, но вот переделать его под translate transform не выходит
$(function(){
        var mouseX = 0, mouseY = 0, limitX = 150-10, limitY = 150-10; 
        $(window).mousemove(function(e){
            var offset = $('.js-this-scroll').offset();
            mouseX = Math.min(e.pageX - offset.left, limitX);
            mouseY = Math.min(e.pageY - offset.top, limitY);
            if (mouseX < 0) mouseX = 0;
            if (mouseY < 0) mouseY = 0;
    });
        var follower = $(".js-eye");
        var xp = 0, yp = 0; 
        var loop = setInterval(function(){
                xp += (mouseX - xp) / 20;
            yp += (mouseY - yp) / 20;
            follower.css({left:xp, top:yp});
        }, 10);
    });

Переделать с left и top не выходит, или может еще есть какие-то варианты?

Такой вариант не производит расчет почему-то
follower.css('transform', 'translate(' + xp + ', ' + yp + ')');/
  • Вопрос задан
  • 67 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы