在页面上连接几个点的线，这个用html+js谁能提示个思路？

Question

有个需求就是页面上随机生成几个点，然后可以用手把这几个点通过手势连起来。这个现在没有思路，谁做过，提供一下思路。。。

Answer 1

canvas 是不是就简单多了。两点间划线就是 moveTo 和 lineTo 吧。

你开始会有一些点，当你移动到上面的时候就 checked = true，然后可以 push 到一个数组里去保存轨迹路径

p = [
    {
        x,
        y,
        checked
    }
]

---

纯 DOM 操作的话一般线应该是 svg 之类的东西。

Answer 2

听着有点像手机上九宫格解锁啊。你百度下，试试