                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS实现人机大战之五子棋（UI篇）

画棋盘怎么怪怪的

window.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(); 
        
    }
}

为什么我的棋盘是这样的，宽和高都是450px呀！

慕粉3895673

2016-09-10

源自：JS实现人机大战之五子棋（UI篇） 2-4

关注问题我要回答

1373

操作

收起

2 回答

夜幕丶将临回答被采纳 +3 积分
2016-09-11

应该是你电脑屏幕显示设置的问题,换个屏幕显示像素比试试

0 回复有任何疑惑可以回复我~

慕粉3895673 提问者
2016-09-11

canvas的宽和高要在标签里写，我写到css上了，所以错了，最后发现的！谢谢

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JS实现人机大战之五子棋（UI篇）

参与学习 35696 人
解答问题 138 个

利用js及canvas绘图知识，实现程序界面编写和交互逻辑处理

本课相似问答

2 回答棋盘格子画不出来

5 回答输出不了棋盘

2 回答棋盘显示不出来

4 回答棋盘格子出不来？

4 回答为什么我的棋盘显示不出来？

搜索更多本课相关问答

画棋盘怎么怪怪的

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号