图案锁定离子 2.

Question

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

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

我想拥有这样的东西

Answer 1

你可以使用这个jQuery库模式锁

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