一种基于Canvas的电子刮奖方法、系统及装置制造方法及图纸

本发明专利技术公开了一种基于Canvas的电子刮奖方法、系统及装置，该方法包括：S1、实时获取用户在待刮奖的第一刮奖区域的第一操作事件；S2、根据实时获取的第一操作事件，解析获得用户在第一刮奖区域的刮奖路径所形成的第二刮奖区域；S3、清除第二刮奖区域的填充格式，对应显示出第一图片；所述第一图片为抽奖结果；其中，所述第一刮奖区域通过以下步骤绘制获得：在Canvas画布上绘制第一图片；按照预设的填充格式在Canvas画布上进行填充，获得覆盖所述第一图片的第一刮奖区域。本发明专利技术基于Canvas画布进行电子刮奖，占用存储空间较小，运行速度快，保证了与用户的良好的互动体验，可广泛应用于互联网行业中。

An Electronic Scraping Method, System and Device Based on Canvas

The invention discloses an electronic scraping method, system and device based on Canvas. The method includes: S1, obtaining the first operation event of the user in the first scraping area to be scraped in real time; S2, analyzing the second scraping area formed by the scraping path of the user in the first scraping area according to the first operation event obtained in real time; S3, clearing the filling of the second scraping area. The first picture is the result of the lottery. The first scratch area is drawn by following steps: drawing the first picture on the Canvas canvas; filling the Canvas canvas canvas according to the preset filling format to obtain the first scratch area covering the first picture. The invention uses Canvas canvas for electronic scraping, occupies less storage space, runs fast, guarantees good interactive experience with users, and can be widely used in the Internet industry.

【技术实现步骤摘要】
一种基于Canvas的电子刮奖方法、系统及装置
本专利技术涉及软件
，特别是涉及一种基于Canvas的电子刮奖方法、系统及装置。
技术介绍
随着移动端网页的发展，基于互联网的各种互动游戏、互动体验活动也应运而生，这些互动可以增强客户端与用户，用户与好友之间的互动性，提高各种游戏、活动等的趣味性。随着云计算、大数据等新技术的不断发展，基于互联网的电子抽奖也逐渐推广，电子支付、自助终端、视频类、转播类游戏，都存在各种形式的电子抽奖形式，尤其是各种电子刮奖方式。现代人的消费行为和社交紧密结合，互动游戏，互动娱乐，全息投影，AR增强现实等技术，都已经和电子刮奖结合。目前技术中，电子刮奖主要是显示抽奖图片，用户在显示的抽奖图片上进行操作刮奖，这种技术，抽奖图片会占用比较多的存储空间，导致运行速度较慢，影响互动体验。而且现有电子刮奖方法中，有时候用户操作过于频繁时，会导致还没刮到的区域提前显示的现象，也导致互动体验感较差。Canvas：Canvas画布是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图。context对本文档来自技高网...

【技术保护点】
1.一种基于Canvas的电子刮奖方法，其特征在于，包括以下步骤：S1、实时获取用户在待刮奖的第一刮奖区域的第一操作事件；S2、根据实时获取的第一操作事件，解析获得用户在第一刮奖区域的刮奖路径所形成的第二刮奖区域；S3、清除第二刮奖区域的填充格式，对应显示出第一图片；所述第一图片为抽奖结果；其中，所述第一刮奖区域通过以下步骤绘制获得：在Canvas画布上绘制第一图片；按照预设的填充格式在Canvas画布上进行填充，获得覆盖所述第一图片的第一刮奖区域。

【技术特征摘要】
1.一种基于Canvas的电子刮奖方法，其特征在于，包括以下步骤：S1、实时获取用户在待刮奖的第一刮奖区域的第一操作事件；S2、根据实时获取的第一操作事件，解析获得用户在第一刮奖区域的刮奖路径所形成的第二刮奖区域；S3、清除第二刮奖区域的填充格式，对应显示出第一图片；所述第一图片为抽奖结果；其中，所述第一刮奖区域通过以下步骤绘制获得：在Canvas画布上绘制第一图片；按照预设的填充格式在Canvas画布上进行填充，获得覆盖所述第一图片的第一刮奖区域。2.根据权利要求1所述的一种基于Canvas的电子刮奖方法，其特征在于，在绘制第一刮奖区域时，通过获取封装了多种绘图功能的context对象进行绘制。3.根据权利要求1所述的一种基于Canvas的电子刮奖方法，其特征在于，所述第一操作事件包括鼠标事件和HTML事件。4.根据权利要求3所述的一种基于Canvas的电子刮奖方法，其特征在于，所述第一操作事件为鼠标事件时，所述步骤S1，具体为：实时获取用户在待刮奖的第一刮奖区域的鼠标事件，且在检测到鼠标开始移动时，判断该鼠标的操作对象是PC端还是智能移动终端，若为PC端，则鼠标事件采用mouse事件，反之若为智能移动终端，则鼠标事件采用touch事件。5.根据权利要求4所述的一种基于Canvas的电子刮奖方法，其特征在于，所述步骤S2，具体包括：根据实时获取的第一操作事件，获取鼠标开始移动时的初始位置，并根据鼠标的实时移动路径获得用户在第一刮奖区域的刮奖路径；根据刮奖路径对应形成第二刮奖区域。6.根据权利要求5所述的一种...

【专利技术属性】
技术研发人员：许影，
申请(专利权)人：无锡天脉聚源传媒科技有限公司，
类型：发明
国别省市：江苏,32