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

图片说明

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

2个回答

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

qq_38943222
吉祥阿 请问有相关文档嘛
8 个月之前 回复

赞,但是好像不用计算角度,点击时记录一个坐标,只要判断下坐标的移动中没有超出圆圈的范围 移动轨迹是顺时针(看定义了),并且最后 width属性小于起点,就是画了一个圆

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!