Задать вопрос
@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 + ')');/
  • Вопрос задан
  • 65 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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