Задать вопрос
@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 комментарий
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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