H5 Mobile Gesture Cipher Component

Project Introduction

recently participated in the 2017-year 360 front-end star program, completed a fun UI component development work, take the opportunity to share with you the mobile development technology ~ ~

This project uses native JS and canvas to implement the mobile gesture cipher component, which supports gesture password setting and verification.

after the first star-watching, million annual salary! Please pay attention to my GitHub, learn from each other ~ ~

Demo Address:http://tangzhirong.github.io/lock/example/demo.html

Project GitHub address:https://github.com/tangzhirong/mobile-lock

My github address:Https://github.com/tangzhirong

Effect

Characteristics

• Mobile-size device adaptation: Use CSS media query and REM to set the font size
• Supports custom parameters: Gesture Area size, title, etc.
• Troubleshoot some Android phone touch event compatibility issues

Featured Articles

want to know how to do H5 mobile development of friends, recommended two articles I think write good article, for reference:

H5 Mobile Adaptation related articles : http://www.mamicode.com/info-detail-864013.html

H5 Mobile Compatibility related articles : http://www.cnblogs.com/shenjp/p/6517525.html

H5 Mobile Gesture Cipher Component