【木棉花】：手表游戏——黑白翻棋 之 小改进（后续） 原创

 <canvas class="canvas" ref="canvas" onclick="click" @touchstart='touchstartfunc'> </canvas>
1.

var localx;
var localy;
var a;
var b;
1.
2.
3.
4.

   touchstartfunc(msg) {
       localx=msg.touches[0].localX;
       localy=msg.touches[0].localY;
}
1.
2.
3.
4.

    getgrid(){
    if(MARGIN<localx && localx<(MARGIN+SIDELEN)){b=0;}
    if(1*(MARGIN+SIDELEN)+MARGIN<localx && localx<2*(MARGIN+SIDELEN)){b=1;}
    if(2*(MARGIN+SIDELEN)+MARGIN<localx && localx<3*(MARGIN+SIDELEN)){b=2;}
    if(3*(MARGIN+SIDELEN)+MARGIN<localx && localx<4*(MARGIN+SIDELEN)){b=3;}
    if(4*(MARGIN+SIDELEN)+MARGIN<localx && localx<5*(MARGIN+SIDELEN)){b=4;}
    if(5*(MARGIN+SIDELEN)+MARGIN<localx && localx<6*(MARGIN+SIDELEN)){b=5;}
    if(6*(MARGIN+SIDELEN)+MARGIN<localx && localx<7*(MARGIN+SIDELEN)){b=6;}
    if(MARGIN<localy && localy<(MARGIN+SIDELEN)){a=0;}
    if(1*(MARGIN+SIDELEN)+MARGIN<localy && localy<2*(MARGIN+SIDELEN)){a=1;}
    if(2*(MARGIN+SIDELEN)+MARGIN<localy && localy<3*(MARGIN+SIDELEN)){a=2;}
    if(3*(MARGIN+SIDELEN)+MARGIN<localy && localy<4*(MARGIN+SIDELEN)){a=3;}
    if(4*(MARGIN+SIDELEN)+MARGIN<localy && localy<5*(MARGIN+SIDELEN)){a=4;}
    if(5*(MARGIN+SIDELEN)+MARGIN<localy && localy<6*(MARGIN+SIDELEN)){a=5;}
    if(6*(MARGIN+SIDELEN)+MARGIN<localy && localy<7*(MARGIN+SIDELEN)){a=6;}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

  click(){
        this.getgrid();
        this.changeOneGrids(a,b);
    },
1.
2.
3.
4.