Уменьшить радиус мыши с помощью мыши - PullRequest
Новая
       47

Уменьшить радиус мыши с помощью мыши

0 голосов
/ 31 марта 2020

Мне нужна помощь, чтобы исправить javascript код. Как я могу уменьшить радиус мыши с помощью мыши и есть ли другие или эффективные методы, кроме класса: item?

Я хочу это так пример .

Моя попытка Codepen .

Спасибо! 

document.addEventListener("mousemove", (e) => {
  const sqrs = document.querySelectorAll(".item");

  const mouseX = e.pageX;
  const mouseY = e.pageY;

  sqrs.forEach((sqr) => {
    const sqrX = sqr.offsetLeft + 20;
    const sqrY = sqr.offsetTop + 20;

    const diffX = mouseX - sqrX;
    const diffY = mouseY - sqrY;

    const radians = Math.atan2(diffY, diffX);

    const angle = (radians * 180) / Math.PI;

    sqr.style.transform = `rotate(${angle}deg)`;
  });
});
...