课程笔记
课程/JavaScript/前端开发
JS实现人机大战之五子棋(UI篇)
介绍
章节
问答
笔记
moocer9527
2017-05-20
棋盘js
截图
0赞 · 0采集
慕粉1719051094
2017-04-12
<canvas>标签需要在标签内设置宽高,不然绘制出的图形可能会变形
0赞 · 0采集
qq_相摸盲人_0
2017-03-05
间距15,共15条线,每格30像素
截图
0赞 · 0采集
叶来香
2016-12-08
看
截图
0赞 · 0采集
cyrus_0001
2016-05-19
strokeStyle 设置画笔颜色 stroke()方法,需要在moveTo和lineTo调用之后,显式调用一下,才能实际地绘制出来效果
1赞 · 0采集
quwei
2016-04-12
棋盘图形
截图
0赞 · 0采集
sonicXXX
2016-04-06
450px 450px
截图
0赞 · 0采集
霜花似雪
2016-04-02
/*js代码*/ 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,430); context.stroke(); context.moveTo(15,15+i*30); context.lineTo(435,15+i*30); context.stroke(); } }
1赞 · 2采集
weibo_爱上你的微笑pyp_0
2016-04-02
/*js代码*/ 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,430); context.stroke(); context.moveTo(15,15+i*30); context.lineTo(435,15+i*30); context.stroke(); } }
0赞 · 1采集
数据加载中...