早上花了一個半小時寫了一個基于HTML Canvas的手勢解鎖，主要是為了好玩，可能以後會用到。
思路：根據配置計算出九個點的位置，存入一個數組，當然存入數組的順序的索引是：
第一行：0 1 2 第二行：3 4 5 第三行：6 7 8
然後就根據這個坐标數組去繪制九個點
再則我們需要一個儲存選中點的數組，每當touchmove事件就判斷目前觸摸點和那個點的距離小于圓的半徑
如果為真的話 那麼就添加進入選中點的數組
在繪制過程中就根據該資料去繪制線條。就這麼簡單
上代碼：（需要chrome浏覽器或者火狐浏覽器 模拟手機狀态才有觸摸效果）