输出不了棋盘-慕课网

首页课程实战体系课手记专栏慕课教程

输出不了棋盘

来源：2-2 画棋盘

dollzcx

2017-01-18 16:41

为什么我和老师写的一模一样画出来不对啊,,

onload=function(){

var chess=document.getElementById('chess');

var context=chess.getContext('2d');

context.strokeStyle='#bfbfbf';

for(var i=0;i<15;i++){

context,moveTo(15 + i*30 , 15);

context.lineTo(15 + i*30 , 435);

context.stroke();

context,moveTo(15 , 15 + i*30);

context.lineTo(435 , 15 + i*30);

context.stroke();

}

// context.moveTo(0,0);

// context.lineTo(450,450);

// context.stroke();

}

对角线没问题 ,这一段显示出来就变成右下半部的折线了

写回答关注

5回答

调皮的魔法少女李狗蛋儿

2017-08-26 23:59:01

兄弟，你的代码里面
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函数图喔。

0 0
dollzcx

2017-01-19 09:26:23

我怎么觉得你写的和我是一样的啊..摸的意思是说逗号两边的空格?我本来就加了啊..

0 0

亂世伊仁: 2017-01-18 18:34:36

var chess=document.getElementById('chess');
var context=chess.getContext('2d');

context.strokeStyle='#bfbfbf';

for(var i=0;i<15;i++){
context.moveTo(15 + i*30 , 15);
context.lineTo(15 + i*30 , 435);
context.stroke();
context.moveTo(15 , 15 + i*30);
context.lineTo(435 , 15 + i*30);
context.stroke();

你中间的context.moveTo（15 + i * 30，15）; 用了逗号了

现在这样应该没问题了

0 0