Ответы пользователя по тегу React
  • Как реализовать увеличение элемента(ов), при приближении курсора?

    D1mar1k
    @D1mar1k Автор вопроса
    Сделано с любовью и JavaScript
    Если кому интересно как реализовал:
    1 - вешаю реф и записываю в глобальный стейт координаты по центру элемента (компоненты знают где они находятся по осям x,y)
    2 - пропсами кидаю координаты мыши относительно родителя (теперь компоненты знают где курсор);
    3 - Установил размер максимального увеличения и минимальное расстояние для срабатывания.
    4 - Увеличиваю размер в процентном соотношении, от растояния ( например максимальное увеличение W и H 50px,
    расстояние срабатывания 80 - это 0% , а в центре это 100%)

    как-то так
    Ответ написан
    Комментировать