js怎么实现移动H5页面手势画圈解锁后跳转页面

Question

h5页面，需要手指沿着圆环画一个圈后跳转页面，请问这个用js怎么实现？

Answer 1

canvas画吧，底图你有了，加在进canvas.
然后读取点击的坐标，看是否落在圈内，这个圈圈应该可以通过计算坐标到圆心的距离来得出是否在这个圈内。
然后监听点击点的移动，只要还保持在这个圈内就可以。起点与圆心画条线，然后计算角度，等角度达到360度算完事。