JavaScript的创客式学习之旅(<em>2</em>)每节只需要两分钟哦!

• 作者: 程晨
• 来源期刊: 无线电
• 年，卷（期）: 2017,（2）
• 所属期刊栏目: 入门
• 页码范围: 71-77
• 页数: 7页
• 语种: 中文

摘要

5.五子棋棋盘和棋子的绘制 这一节我们希望利用前面学到的内容完成一个五子棋的游戏,整个项目大致分为3个阶段:棋盘绘制、鼠标交互以及游戏结束判断. 棋盘方面,如果每一格的大小是20像素,围棋棋盘横竖各有19条线,这样整个棋盘的大小应该就是20× 18(19条中间有18个方格)=360像素,所以画布大小设定得比360大就可以了,这里设置画布大小为400像素×400像素.对应的代码如下.