最赞回答 / 慕媛
moveTo,lineTo就是确定一个线段的起、止坐标点啊。例如画第一条竖线,坐标是(15,15)到(435,435),没问题吧? 因为棋盘总长宽都是450,然后上下左右都有15px的内边距(留白),所以上坐标就是那样的。其他的坐标是是分别+30.因为每个格子宽高都是30像素。你用笔自己画画就知道了。
2017-03-12
game_canvas.onclick=function(e)
{var x=e.offsetX;var y =e.offsetY;
var i=Math.ceil(Math.floor(x/15)/2);
var j=Math.ceil(Math.floor(y/15)/2);
if(chess_check[i][j]==0)
{
draw_chess(i,j,s);
if(s)
{chess_check[i][j]=1;s=!s;}
else
{
chess_check[i][j]=2;
s=!s;
}
}
//修改版落子定位坐标
{var x=e.offsetX;var y =e.offsetY;
var i=Math.ceil(Math.floor(x/15)/2);
var j=Math.ceil(Math.floor(y/15)/2);
if(chess_check[i][j]==0)
{
draw_chess(i,j,s);
if(s)
{chess_check[i][j]=1;s=!s;}
else
{
chess_check[i][j]=2;
s=!s;
}
}
//修改版落子定位坐标
最新回答 / 调皮的魔法少女李狗蛋儿
兄弟,你的代码里面context,moveTo(15 + i*30 , 15);//context后面是逗号context.lineTo(15 + i*30 , 435);context.stroke();context,moveTo(15 , 15 + i*30);//context后面是逗号context.lineTo(435 , 15 + i*30);context.stroke();你自己数数context后面用了几个句号...你这种图怕是阴差阳错画出了高级canvas函数图喔。
2017-01-18