[发明专利]一种基于JavaScript事件监听和canvas画图实现滑动转盘停留的方法在审
| 申请号： | 201811018909.4 | 申请日： | 2018-09-03 |
| 公开（公告）号： | CN109284457A | 公开（公告）日： | 2019-01-29 |
| 发明（设计）人： | 朱静轩;王莹;卢志炜;孟彦 | 申请（专利权）人： | 中新网络信息安全股份有限公司 |
| 主分类号： | G06F16/957 | 分类号： | G06F16/957;G06F3/0488 |
| 代理公司： | 上海精晟知识产权代理有限公司 31253 | 代理人： | 冯子玲 |
| 地址： | 230088 安徽省合肥*** | 国省代码： | 安徽;34 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 手势 滑动转盘 事件监听 监听 停留 转盘 转动 可视化数据 持续移动 触摸屏幕 获取数据 技术实现 开始位置 视图中心 数据信息 指针位置 初始化 扇形区 设计图 滑动 判定 指针 屏幕 美化 展示 统一 | ||
1.一种基于JavaScript事件监听和canvas画图实现滑动转盘停留的方法，其特征在于，包括如下步骤：
步骤1、定位视图中心：定位视图的中心位置，以该位置为中心点通过canvas技术画出指定半径的扇区图形，并记录每一扇区对应的起止角度值；
步骤2、初始化转盘起始转动的角度A＝0；
步骤3、监听手势触摸屏幕时的开始位置；
步骤4、手势持续移动之后监听手势离开屏幕时的位置；
步骤5、计算手势滑动的角度：根据视图的中心位置、步骤2和步骤3计算出手势滑动的角度B；
步骤6、计算起止角度值：每一次手势结束后控制扇区转动A+B的角度，并通过B重新计算每一扇区对应的起止角度值；
步骤7、判定起止角度值：每一次手势结束后循环每一扇区的起止角度值，并与C进行比较，若起始角度位置小于C并且结束角度位置大于C,即表示C落定在该扇区内；
步骤8、获取数据：获取所述步骤7中扇区的索引值后，获取该扇区对应的相关数据。
2.根据权利要求1所述的一种基于JavaScript事件监听和canvas画图实现滑动转盘停留的方法，其特征在于，所述步骤5中，计算出的所述手势滑动的角度，顺时针即为正角度值，逆时针即为负角度值。
3.根据权利要求1所述的一种基于JavaScript事件监听和canvas画图实现滑动转盘停留的方法，其特征在于，所述步骤6中，若起止角度值超出2π或小于-2π时，重新循环，同时重新赋值A+＝B。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于中新网络信息安全股份有限公司，未经中新网络信息安全股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201811018909.4/1.html，转载请声明来源钻瓜专利网。
