CN110543755B - 基于Canvas实现刮刮卡效果验证码的方法 - Google Patents

基于Canvas实现刮刮卡效果验证码的方法 Download PDF

Info

Publication number
CN110543755B
CN110543755B CN201910836197.5A CN201910836197A CN110543755B CN 110543755 B CN110543755 B CN 110543755B CN 201910836197 A CN201910836197 A CN 201910836197A CN 110543755 B CN110543755 B CN 110543755B
Authority
CN
China
Prior art keywords
verification code
canvas
verification
event
area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910836197.5A
Other languages
English (en)
Other versions
CN110543755A (zh
Inventor
谢俊
肖一梅
常清雪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201910836197.5A priority Critical patent/CN110543755B/zh
Publication of CN110543755A publication Critical patent/CN110543755A/zh
Application granted granted Critical
Publication of CN110543755B publication Critical patent/CN110543755B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
    • G06F21/30—Authentication, i.e. establishing the identity or authorisation of security principals
    • G06F21/31—User authentication
    • G06F21/36—User authentication by graphic or iconic representation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L63/00—Network architectures or network communication protocols for network security
    • H04L63/08—Network architectures or network communication protocols for network security for authentication of entities
    • H04L63/083—Network architectures or network communication protocols for network security for authentication of entities using passwords
    • H04L63/0838—Network architectures or network communication protocols for network security for authentication of entities using passwords using one-time-passwords

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Computer Security & Cryptography (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • Computing Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了基于Canvas实现刮刮卡效果验证码的方法，通过CanvasAPI渲染刮刮卡效果的刮涂层，通过JavaScript技术对Canvas元素进行事件注入、监听及处理，实现验证码“按需加载，后置请求与渲染”，达到帮助客户端禁用脚本程序抓取验证码的效果，提升客户端通过此验证机制区分真实用户和脚本程序的正确率和提高用户使用验证码功能时的趣味性。

Description

基于Canvas实现刮刮卡效果验证码的方法
技术领域
本发明涉及网络信息安全技术领域，尤其涉及基于Canvas实现刮刮卡效果验证码的方法。
背景技术
目前客户端采用验证码机制主要是用于帮助客户端区分真实用户和脚本程序，但在传统验证码的验证机制下，由于传统验证码的验证机制是验证码随页面加载时一并加载，然后由用户填写验证码并进行验证，而此时脚本程序也能轻松抓取已加载渲染完成的验证码并进行自动填写、验证，所以传统验证码的验证机制使得客户端在使用验证码区分真实用户和脚本程序时的正确率很低，达不到甄别脚本程序的效果。
发明内容
本发明的目的就在于为了解决上述问题而提供基于Canvas实现刮刮卡效果验证码的方法，本发明的验证码验证机制不同于传统验证码的验证机制，不随页面加载完成预先向服务端请求验证码进行渲染，而是采用“按需加载，后置请求与渲染”的方式，当用户通过鼠标触发Canvas元素上的鼠标监听事件时才向服务端请求验证码，返回后再进行渲染，这一验证机制能让自动填写验证码的脚本程序失效。本发明采用Canvas实现验证码的“延迟请求，后置加载与渲染”，解决客户端在区分真实用户和脚本程序时正确率低的问题。
本发明通过以下技术方案来实现上述目的：
基于Canvas实现刮刮卡效果验证码的方法，包括以下步骤：
步骤1，页面加载完成时，使用Canvas渲染验证码模块的上图层(即刮刮卡图层)，并为Canvas元素添加系列事件监听函数。
具体地，在全局监听DOMContentLoaded事件，当该事件被触发，即表明DOM树渲染完成此时使用JavaScript调用CanvasAPI绘制验证码模块的刮刮卡图层，并在生成的Canvas元素上添加系列的事件监听函数，主要包括鼠标按钮事件、鼠标拖拽事件、Canvas元素的像素点个数与ALPHA值计算函数。
所述步骤1中的页面加载完成是指当前页面的DOM树渲染完成，可触发DOMContentLoaded事件时；所述步骤1中的刮刮卡涂层效果是通过CanvasAPI与JavaScript渲染的一图层效果；刮刮卡效果是在图层范围内，可以通过按下鼠标左键来刮去涂层的，松开鼠标左键停止刮去涂层，长按鼠标左键时可以一直刮去涂层。
步骤2，当用户在验证码模块区域内按下鼠标左键时，通过AJAX技术向服务端发送验证码请求，并返回验证码。
具体地，通过步骤1中添加的鼠标事件监听函数，监听到当用户在验证码区域内按下鼠标左键触发MouseEvent事件时，客户端向服务端发起AJAX请求，请求验证码，并将请求的验证码返回给客户端。
所述步骤2中客服端向服务端发送AJAX请求是在用户按下鼠标左键触发MouseEvent的button属性且值为0时触发。
步骤3，客户端接收到返回的验证码时，开始渲染验证码模块的下图层(即验证码图层)。
具体地，客服端接收到返回的验证码后，使用JavaScript技术生成验证码图层，其中包括验证码数据的读取、验证码显示的渲染及验证码输入框的渲染，渲染的样式依然使用JavaScript编写样式表内容，在生成的验证码元素上添加输入事件监听函数并获取步骤2中返回的验证码字符串的长度值。
所述步骤3中的验证码图层的渲染生成是发生在客服端成功拿到所述步骤2中的验证码之后，而非预先渲染完成。
步骤4，对于简单的验证要求，判断上图层区域被刮开面积达到70％时，自动填写验证码。
具体地，通过步骤1中添加的路径记录函数实时的计算验证码区域被用户刮去面积在总面积中的占比，为了提升用户体验，在路径记录函数的实时计算过程，对用户的鼠标拖拽事件进行“节流”操作，当面积占比达到阈值时，获取返回的验证码并自动填入验证码框内。
所述步骤4中的刮去涂层面积占比是通过Canvas元素的getImageData.data方法获取并计算像素点个数与其像素点的alpha值来判断被刮开区域面积的占比是否在70％及以上来实现
步骤5，对于复杂的验证要求，不做被刮开区域面积占比监听，须手动填写验证码。
步骤6，验证码填写完毕后，自动提交至服务器验证。
具体地，通过添加的输入事件监听函数监听并判断验证码输入框的value字符串的长度，当输入串的长度值等于验证码串长度值时，自动提交至服务器验证。
所述步骤6中的自动提交验证码功能的触发是通过判断用户输入的验证码字符串长度是否与步骤2中返回的验证码字符串的长度相等，相等时便触发该功能。
本发明的有益效果在于：
本发明的基于Canvas实现刮刮卡效果验证码的方法，通过“按需加载，后置请求与渲染”的方式，不预先随页面加载完成一同加载验证码，而是通过当用户使用鼠标触发Canvas元素的监听事件时才向服务端请求验证码，返回后再进行渲染，能有效的让脚本程序不能抓取验证码，提升客户端通过该验证机制区分真实用户和脚本程序的正确率和提高真实用户使用验证码的趣味性。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要实用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明流程图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将对本发明的技术方案进行详细的描述。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本发明所保护的范围。
在任一实施例中，如图1所示，本发明的基于Canvas实现刮刮卡效果验证码的方法，包括：
当页面加载完成(特指当前页面的DOM树渲染完成，可触发DOMContentLoaded事件阶段)时，使用CanvasAPI与JavaScript在验证码区域渲染验证码的刮刮卡涂层并且在Canvas元素上添加系列的事件监听函数，主要包括鼠标按钮事件、鼠标拖拽事件、Canvas元素的像素点个数与ALPHA值计算函数；当用户在验证码的涂层范围内，按下鼠标左键触发MouseEvent的button属性且值为0时，触发验证码的请求事件，并通过AJAX技术向服务端发送AJAX请求，并返回请求的验证码；客户端接收到返回的验证码后，开始渲染验证码模块的验证码层；对于简单的验证请求，通过Canvas元素的getImageData.data方法获取并计算像素点个数与其像素点alpha值来判断被刮开区域面积的占比是否在70％及以上，当达到该阈值时，将返回的验证码赋值给验证码输入框的value，实现自动填写验证码功能；对于复杂的验证请求，不做被刮开区域面积占比的监听，只检测验证码的长度值，需手动填写验证码，再判断用户输入的验证码字符串长度是否与返回的验证码字符串长度相等，相等时便自动提交验证码到服务器进行验证。
在一个具体实施例中，如图1所示，本发明的基于Canvas实现刮刮卡效果验证码的方法，包括以下步骤：
步骤1，页面加载完成时，使用Canvas渲染验证码模块的上图层(即刮刮卡图层)，并为Canvas元素添加系列事件监听函数。
具体地，在全局监听DOMContentLoaded事件，当该事件被触发，即表明DOM树渲染完成，此时使用JavaScript调用CanvasAPI绘制验证码模块的刮刮卡图层，并在生成的Canvas元素上添加系列的事件监听函数，主要包括鼠标按钮事件、鼠标拖拽事件、Canvas元素的像素点个数与ALPHA值计算函数。
所述步骤1中的页面加载完成是指当前页面的DOM树渲染完成，可触发DOMContentLoaded事件时；所述步骤1中的刮刮卡涂层效果是通过CanvasAPI与JavaScript渲染的一图层效果；刮刮卡效果是在图层范围内，可以通过按下鼠标左键来刮去涂层的，松开鼠标左键停止刮去涂层，长按鼠标左键时可以一直刮去涂层。
步骤2，当用户在验证码模块区域内按下鼠标左键时，通过AJAX技术向服务端发送验证码请求，并返回验证码。
具体地，通过步骤1中添加的鼠标事件监听函数，监听到当用户在验证码区域内按下鼠标左键触发MouseEvent事件时，客户端向服务端发起AJAX请求，请求验证码，并将请求的验证码返回给客户端。
所述步骤2中客服端向服务端发送AJAX请求是在用户按下鼠标左键触发MouseEvent的button属性且值为0时触发。
步骤3，客户端接收到返回的验证码时，开始渲染验证码模块的下图层(即验证码图层)。
具体地，客服端接收到返回的验证码后，使用JavaScript技术生成验证码图层，其中包括验证码数据的读取、验证码显示的渲染及验证码输入框的渲染，渲染的样式依然使用JavaScript编写样式表内容，在生成的验证码元素上添加输入事件监听函数并获取步骤2中返回的验证码字符串的长度值。
所述步骤3中的验证码图层的渲染生成是发生在客服端成功拿到所述步骤2中的验证码之后，而非预先渲染完成。
步骤4，对于简单的验证要求，判断上图层区域被刮开面积达到70％时，自动填写验证码。
具体地，通过步骤1中添加的路径记录函数实时的计算验证码区域被用户刮去面积在总面积中的占比，为了提升用户体验，在路径记录函数的实时计算过程，对用户的鼠标拖拽事件进行“节流”操作，当面积占比达到阈值时，获取返回的验证码并自动填入验证码框内。
所述步骤4中的刮去涂层面积占比是通过Canvas元素的getImageData.data方法获取并计算像素点个数与其像素点的alpha值来判断被刮开区域面积的占比是否在70％及以上来实现
步骤5，对于复杂的验证要求，不做被刮开区域面积占比监听，须手动填写验证码。
步骤6，验证码填写完毕后，自动提交至服务器验证。
具体地，通过添加的输入事件监听函数监听并判断验证码输入框的value字符串的长度，当输入串的长度值等于验证码串长度值时，自动提交至服务器验证。
所述步骤6中的自动提交验证码功能的触发是通过判断用户输入的验证码字符串长度是否与步骤2中返回的验证码字符串的长度相等，相等时便触发该功能。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合，为了避免不必要的重复，本发明对各种可能的组合方式不再另行说明。此外，本发明的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明的思想，其同样应当视为本发明所公开的内容。

Claims (7)

1.基于Canvas实现刮刮卡效果验证码的方法，其特征在于，包括以下步骤：
步骤1，页面加载完成时，使用Canvas渲染验证码模块的上图层，并为Canvas元素添加系列事件监听函数；
步骤2，当用户在验证码模块区域内按下鼠标左键时，通过AJAX技术向服务端发送验证码请求，并返回验证码；
步骤3，客户端接收到返回的验证码时，开始渲染验证码模块的下图层；
步骤4，对于简单的验证要求，判断上图层区域被刮开面积达到70％时，自动填写验证码；
步骤5，对于复杂的验证要求，不做被刮开区域面积占比监听，须手动填写验证码；
步骤6，验证码填写完毕后，自动提交至服务器验证。
2.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤1中，在全局监听DOMContentLoaded事件，当该事件被触发，即表明DOM树渲染完成，此时使用JavaScript调用CanvasAPI绘制验证码模块的刮刮卡图层，并在生成的Canvas元素上添加系列的事件监听函数，包括鼠标按钮事件、鼠标拖拽事件、Canvas元素的像素点个数与ALPHA值计算函数。
3.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤2中，通过步骤1中添加的鼠标事件监听函数，监听到当用户在验证码区域内按下鼠标左键触发MouseEvent事件时，客户端向服务端发起AJAX请求，请求验证码，并将请求的验证码返回给客户端。
4.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤3中，客户端接收到返回的验证码后，使用JavaScript技术生成验证码图层，其中包括验证码数据的读取、验证码显示的渲染及验证码输入框的渲染，渲染的样式依然使用JavaScript编写样式表内容，在生成的验证码元素上添加输入事件监听函数并获取步骤2中返回的验证码字符串的长度值；
所述步骤3中的验证码图层的渲染生成是发生在客户端成功拿到所述步骤2中的验证码之后，而非预先渲染完成。
5.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤4中，通过步骤1中添加的路径记录函数实时的计算验证码区域被用户刮去面积在总面积中的占比，为了提升用户体验，在路径记录函数的实时计算过程，对用户的鼠标拖拽事件进行“节流”操作，当面积占比达到阈值时，获取返回的验证码并自动填入验证码框内；
所述步骤4中的刮去涂层面积占比是通过Canvas元素的getImageData.data方法获取并计算像素点个数与其像素点的alpha值来判断被刮开区域面积的占比是否在70％及以上来实现。
6.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤6中，通过添加的输入事件监听函数监听并判断验证码输入框的value字符串的长度，当输入串的长度值等于验证码串长度值时，自动提交至服务器验证；
所述步骤6中的自动提交验证码功能的触发是通过判断用户输入的验证码字符串长度是否与步骤2中返回的验证码字符串的长度相等，相等时便触发该功能。
7.如权利要求1所述的基于Canvas实现刮刮卡效果验证码的方法，其特征在于，所述步骤1中的页面加载完成是指当前页面的DOM树渲染完成，触发DOMContentLoaded事件时；所述步骤1中的刮刮卡涂层效果是通过CanvasAPI与JavaScript渲染的一图层效果；刮刮卡效果是在图层范围内，通过按下鼠标左键来刮去涂层的，松开鼠标左键停止刮去涂层，长按鼠标左键时一直刮去涂层。
CN201910836197.5A 2019-09-04 2019-09-04 基于Canvas实现刮刮卡效果验证码的方法 Active CN110543755B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910836197.5A CN110543755B (zh) 2019-09-04 2019-09-04 基于Canvas实现刮刮卡效果验证码的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910836197.5A CN110543755B (zh) 2019-09-04 2019-09-04 基于Canvas实现刮刮卡效果验证码的方法

Publications (2)

Publication Number Publication Date
CN110543755A CN110543755A (zh) 2019-12-06
CN110543755B true CN110543755B (zh) 2022-03-01

Family

ID=68712671

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910836197.5A Active CN110543755B (zh) 2019-09-04 2019-09-04 基于Canvas实现刮刮卡效果验证码的方法

Country Status (1)

Country Link
CN (1) CN110543755B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112488805B (zh) * 2020-12-17 2022-03-25 四川长虹电器股份有限公司 基于多元回归时间序列分析的长租市场预警方法

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102324079A (zh) * 2011-09-05 2012-01-18 郝隆 验证系统和验证方法
CN103049866A (zh) * 2012-12-19 2013-04-17 上海宏蝠网络有限公司 一种电子刮刮卡的运用方法及系统
CN103136676A (zh) * 2013-02-19 2013-06-05 祝启忠 一种手机自动识别的二维码防伪系统及其使用方法
CN104574170A (zh) * 2014-12-26 2015-04-29 北京慧眼智行科技有限公司 一种产品码图的设置方法、购买行为自动验证方法及系统
CN104809620A (zh) * 2015-05-12 2015-07-29 南开大学 一种基于加密qr码的防伪标签及验证方法
CN104951943A (zh) * 2015-04-24 2015-09-30 杭州甲骨文科技有限公司 一种基于随机明暗码关联查验的防伪方法
CN106529977A (zh) * 2016-11-04 2017-03-22 深圳盛灿科技股份有限公司 基于微信公众号和支持终端记忆的防伪方法及其系统
CN107766705A (zh) * 2016-08-23 2018-03-06 中国移动通信有限公司研究院 验证信息处理方法、客户端及验证平台
CN107819748A (zh) * 2017-10-26 2018-03-20 北京顶象技术有限公司 一种抗破解的验证码实现方法及装置
CN108154055A (zh) * 2018-01-10 2018-06-12 上海展扬通信技术有限公司 密码输入方法、移动终端及存储介质
CN108881126A (zh) * 2017-05-15 2018-11-23 阿里巴巴集团控股有限公司 验证验证码的方法、装置和系统
CN108920343A (zh) * 2018-05-03 2018-11-30 北京奇虎科技有限公司 一种数据处理方法和装置
CN108959899A (zh) * 2018-07-03 2018-12-07 四川长虹电器股份有限公司 一种基于React实现图片验证码生成及刷新的方法
CN108959861A (zh) * 2017-10-20 2018-12-07 东莞市惠峰商业有限公司 一种印章服务系统

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102469091B (zh) * 2010-11-18 2014-12-10 金蝶软件（中国）有限公司 一种页面验证码处理的方法、装置及终端
CN103152172B (zh) * 2011-12-07 2017-03-22 中国电信股份有限公司 一种手机令牌动态口令生成方法、客户端、服务器以及系统
KR101226316B1 (ko) * 2012-01-27 2013-02-01 정해탁 잠금장치가 장착된 제품의 제품고유번호 확인을 통한 진품여부 확인 및 정보 유출시 신규 데이터베이스 생성 및 잠금해정번호의 갱신이 가능한 진품여부 확인 시스템과, 잠금해정번호 획득을 통한 진품 여부 확인 방법
CN104881787A (zh) * 2015-05-13 2015-09-02 景视佳传媒科技（北京）有限公司 一种二维码防伪验证方法、系统及装置

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102324079A (zh) * 2011-09-05 2012-01-18 郝隆 验证系统和验证方法
CN103049866A (zh) * 2012-12-19 2013-04-17 上海宏蝠网络有限公司 一种电子刮刮卡的运用方法及系统
CN103136676A (zh) * 2013-02-19 2013-06-05 祝启忠 一种手机自动识别的二维码防伪系统及其使用方法
CN104574170A (zh) * 2014-12-26 2015-04-29 北京慧眼智行科技有限公司 一种产品码图的设置方法、购买行为自动验证方法及系统
CN104951943A (zh) * 2015-04-24 2015-09-30 杭州甲骨文科技有限公司 一种基于随机明暗码关联查验的防伪方法
CN104809620A (zh) * 2015-05-12 2015-07-29 南开大学 一种基于加密qr码的防伪标签及验证方法
CN107766705A (zh) * 2016-08-23 2018-03-06 中国移动通信有限公司研究院 验证信息处理方法、客户端及验证平台
CN106529977A (zh) * 2016-11-04 2017-03-22 深圳盛灿科技股份有限公司 基于微信公众号和支持终端记忆的防伪方法及其系统
CN108881126A (zh) * 2017-05-15 2018-11-23 阿里巴巴集团控股有限公司 验证验证码的方法、装置和系统
CN108959861A (zh) * 2017-10-20 2018-12-07 东莞市惠峰商业有限公司 一种印章服务系统
CN107819748A (zh) * 2017-10-26 2018-03-20 北京顶象技术有限公司 一种抗破解的验证码实现方法及装置
CN108154055A (zh) * 2018-01-10 2018-06-12 上海展扬通信技术有限公司 密码输入方法、移动终端及存储介质
CN108920343A (zh) * 2018-05-03 2018-11-30 北京奇虎科技有限公司 一种数据处理方法和装置
CN108959899A (zh) * 2018-07-03 2018-12-07 四川长虹电器股份有限公司 一种基于React实现图片验证码生成及刷新的方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于Canvas的刮刮卡刮奖小控件lucky-card;摩羯座-小齐;《https://blog.csdn.net/qlp3643_1/article/details/50663607》;20160214;第1-4页 *

Also Published As

Publication number Publication date
CN110543755A (zh) 2019-12-06

Similar Documents

Publication Publication Date Title
CN105095107A (zh) 清理缓存数据的方法及装置
CN108112038B (zh) 一种控制访问流量的方法及装置
CN111552633A (zh) 接口的异常调用测试方法、装置、计算机设备及存储介质
CN110968279B (zh) 一种消息的降级方法及相关装置
CN106557452A (zh) 用于数值字符或字符串的显示方法、装置、设备及系统
CN108234533B (zh) 用户操作处理方法及相关设备
CN109240664B (zh) 一种采集用户行为信息的方法及终端
CN110543755B (zh) 基于Canvas实现刮刮卡效果验证码的方法
CN110781427A (zh) 一种首屏时间的计算方法、装置、设备和存储介质
CN111145202B (zh) 模型生成方法、图像处理方法、装置、设备及存储介质
CN115445212A (zh) 一种游戏礼包的推送方法、装置、计算机设备和存储介质
CN106612263B (zh) 一种用于处理应用访问请求的方法与设备
CN112950294B (zh) 信息分享方法、装置、电子设备及存储介质
CN109618226A (zh) 视频审核方法、装置、电子设备及存储介质
CN112905935A (zh) 页面录制方法、页面录制动画生成方法、设备和存储介质
CN111353455B (zh) 视频内容确定方法及装置、存储介质及电子设备
WO2024002092A1 (zh) 视频的推送方法、装置和存储介质
CN110472128B (zh) 基于图像识别的网页取证方法、装置、存储介质及服务器
CN105956173A (zh) 页面内容获取方法和装置
CN113626483B (zh) 一种填写表单的前端缓存方法、系统、设备及存储介质
CN112711726B (zh) 缓存视频数据的方法、装置、计算机设备和存储介质
CN114741266A (zh) 页面白屏时长确定方法、装置、电子设备及存储介质
CN113688339A (zh) 一种信息加载方法、装置、电子设备及计算机存储介质
CN110971919B (zh) 一种弹幕消息的降级方法及相关装置
CN109214474B (zh) 基于信息编码的行为分析、信息编码风险分析方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant