图案锁离子2

Question

目前，我正在使用Ionic 2，Angular 2和Firebase为我的学校任务实施移动应用程序。我一直在谷歌搜索模式锁定，但我找不到任何东西。 我需要你们的帮助。真的很感激:) 以下是我的想法：

1. 创建一个3 x 3
的矩阵
2. 给他们一个监听器（ondragstart和ondragend）＆lt; =我的假设
3. 跟踪已拖动的位置（例如，如果用户从位置1拖动到2到3到6到9）
4. 将号码保存在我的firebase中
5. 当用户登录时，如果他/她拖动相同的模式，他们将登录

I want to have something like this

Answer 1

您可以使用此jQuery库patternlock

使用此示例代码       var lock = new PatternLock("#patternContainer");