Javascript 如何在HTML页面上获得光标轨迹效果

我正在学习jquery，我正在试图找出如何在鼠标在HTML页面上移动时为鼠标添加轨迹效果

---

谢谢。

请在此处查看此解决方案：

---

你也可以在谷歌上搜索“scratch card”，找到许多codepan.io板。

是的，可以复制这种效果。让我们先看看它是如何实现的：

1） 创建尺寸等于窗口的内存画布。此画布将用作遮罩

2） 将mousemove处理程序附加到文档。调用时，它存储光标的坐标和当前时间戳

3） 将鼠标坐标连接到路径中，并在遮罩画布上用模糊阴影对其进行笔划

4） 一秒钟后将路径段淡入透明状态

5） 根据光标速度（按相邻点之间的距离计算）改变路径段的宽度。慢动作导致粗线条，快动作导致细线条

6） 准备要显示的图像的模糊和变暗版本，并使其成为页面背景

7） 将画布添加到文档中，其尺寸等于窗口

8） 将原始图像渲染到文档画布

9） 使用合成操作中的目标将遮罩画布渲染到文档画布 — 这会屏蔽现有画布内容

学分：

在这里找到它：

---

玩得开心

是的，否则他们不可能创建它……“当日最佳评论”-奖项授予@RickBrongerlol petty@RickBrongerThis不是一个提供代码示例的网站。试着写你自己的代码，如果你被困在这里，请回来寻求帮助。。。