鼠标按下拖动,用canvas画发光线条,并保存轨迹,然后播放轨迹,该如何实现呢
实现思路:
1 按下鼠标画线条,用数组记录轨迹,然后再播放轨迹
2 给线条加上阴影效果
问题:
画线条,记录轨迹已经实现,主要是画发光线条这个实现起来有点困难。
用思路里的方法画出来的这个线条效果看上去比较生硬,没有流光或者发光那种感觉
想画出发光的线条,这个如何实现呢?
类似苹果这种效果,不过可以随意画
类似下面这种效果
][3]
鼠标按下拖动,用canvas画发光线条,并保存轨迹,然后播放轨迹,该如何实现呢
实现思路:
1 按下鼠标画线条,用数组记录轨迹,然后再播放轨迹
2 给线条加上阴影效果
问题:
画线条,记录轨迹已经实现,主要是画发光线条这个实现起来有点困难。
用思路里的方法画出来的这个线条效果看上去比较生硬,没有流光或者发光那种感觉
想画出发光的线条,这个如何实现呢?
类似苹果这种效果,不过可以随意画
类似下面这种效果
][3]
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
只能给你提供一个大致的思路。首先要捕获鼠标在canvas上的坐标值,将坐标值放在一个数组里,根据相邻坐标绘制出直线。当然其中有很多细节需要处理。慕课网上有一门canvas课程是在移动端写字,和你的需求大致相同,你可以去了解一下。希望有帮助到你。