如何使用 Angular 跟随光标？

【问题标题】：How to follow the cursor with Angular?如何使用 Angular 跟随光标？
【发布时间】：2017-12-09 04:48:38
【问题描述】：

我在 Angular 中创建了一个带有动画的简单应用程序 (StackBlitz here)。 它使用我们可以切换的状态来让眼睛看到我们想要的任何地方。

现在我希望能够使用纯 Angular/TypeScript（不是 jQuery...）来跟随鼠标光标，这样每当鼠标移动时，眼睛都会注视光标的方向。

任何建议都将不胜感激。

【问题讨论】：

    标签： angular typescript animation mouse angular-animations


    【解决方案1】：

    你可以使用@HostListener 装饰器。 Here 是活生生的例子

    【讨论】：

    • 这是一个非常好的主意，而且很有效。问题是当我们这样做时只有 4 个位置（topLeft、topRight、bottomLeft、bottomRight）。我真的希望眼睛能够跟随光标。这意味着它可以在 topLeft 和 bottomLeft 之间旋转（例如 31° 而不是 45°）。是不是更清楚了？
    猜你喜欢
    • 2022-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-24
    • 2022-06-27
    • 2021-09-27
    • 2021-01-15
    • 2020-09-04
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode