qq_38943222
吉祥阿
采纳率0%
2019-01-21 15:00 阅读 918

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

图片说明

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • ugrggame ugrg 2019-01-21 15:07

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

    点赞 评论 复制链接分享
  • hailowell 纵马饮白虹 2019-01-21 17:19

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

    点赞 评论 复制链接分享

相关推荐