为了账号安全,请及时绑定邮箱和手机立即绑定

最新回答 / 路人Bing
什么意思呢,是下子后再次点击会有效果吗?如果是这样的话,可以在点击事件里增加判断。如果这个地方有子则可以用js再在子的边缘加一圈阴影。

最赞回答 / 慕媛
moveTo,lineTo就是确定一个线段的起、止坐标点啊。例如画第一条竖线,坐标是(15,15)到(435,435),没问题吧? 因为棋盘总长宽都是450,然后上下左右都有15px的内边距(留白),所以上坐标就是那样的。其他的坐标是是分别+30.因为每个格子宽高都是30像素。你用笔自己画画就知道了。

最新回答 / qq_几分秀_04105739
建议不加用户自定义棋盘大小功能,因为1,15*15是符合标准的,2,弄这个功能没什么实际作用
getContext('2d'),报错说,对象不支持该方法。
arc是画弧。2 * Math.PI的弧长就是圆的一圈啊…… 周长C = 2πr……
浏览器建议用chrome。
有没有没有图片下载
我的一会有颜色渐变,一会没有颜色渐变,额。

最赞回答 / qq_梦里_0
后来自己看出来了 是46行那里写错了。应该是context.fillStyle=gradient;
不画水印了,花了半天就是调不好,一开始图片不出来,后来图片遮住了格子。。。。

最新回答 / ChildDream
<...图片...>要等图片加载出来之后在开始花图片
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;
}
}
//修改版落子定位坐标

最新回答 / 调皮的魔法少女李狗蛋儿
兄弟,你的代码里面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函数图喔。
课程须知
本课程是前端中级课程 1、JS基础知识 2、Canvas基础知识
老师告诉你能学到什么?
1、canvas绘制五子棋棋盘 2、canvas绘制黑白棋子 3、五子棋交互逻辑处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消