详细内容请点击 效果展示 实现原理 利用HTML5的canvas，将解锁的圈圈划出，利用touch事件解锁这些圈圈，直接看代码。 function createCircle() {// 创建解锁点的坐标，根据canvas的大小来平均分配半径 var n = chooseType;// 画出n*n的矩阵 lastPoint = []; arr = []; restPoint = []; r = ctx.canvas.width / (2 + 4 * n);...
效果展示实现原理利用HTML5的canvas，将解锁的圈圈划出，利用touch事件解锁这些圈圈，直接看代码。 function createCircle() {// 创建解锁点的坐标，根据canvas的大小来平均分配半径var n = chooseType;// 画出n*n的矩阵 lastPoint = [];arr = [];restPoint = [];r = ctx.canvas.width / (2 + 4 * n);// 公式计算 半径和canvas的大小有关for (var i = 0 ; i < n ; i++) {for (var j = 0 ; j < n ; j++) {arr.push({x: j * 4 * r + ...