用canvas画发光线条,该如何实现呢

鼠标按下拖动,用canvas画发光线条,并保存轨迹,然后播放轨迹,该如何实现呢

实现思路:
1 按下鼠标画线条,用数组记录轨迹,然后再播放轨迹
2 给线条加上阴影效果

问题:
画线条,记录轨迹已经实现,主要是画发光线条这个实现起来有点困难。

用思路里的方法画出来的这个线条效果看上去比较生硬,没有流光或者发光那种感觉
想画出发光的线条,这个如何实现呢?

类似苹果这种效果,不过可以随意画

图片描述

类似下面这种效果

![图片描述][3]

图片描述

图片描述

阅读 7.4k
1 个回答

只能给你提供一个大致的思路。首先要捕获鼠标在canvas上的坐标值,将坐标值放在一个数组里,根据相邻坐标绘制出直线。当然其中有很多细节需要处理。慕课网上有一门canvas课程是在移动端写字,和你的需求大致相同,你可以去了解一下。希望有帮助到你。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题