課程
/前端開(kāi)發(fā)
/JavaScript
/JS實(shí)現(xiàn)人機(jī)大戰(zhàn)之五子棋(UI篇)
畫(huà)線出不來(lái)??
2016-07-25
源自:JS實(shí)現(xiàn)人機(jī)大戰(zhàn)之五子棋(UI篇) 2-2
正在回答
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();
寬度設(shè)置錯(cuò)了,起點(diǎn)和終點(diǎn)一樣了。。。。
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"?/> <title>五子棋大戰(zhàn)</title> <link?rel="shortcut?icon"??/> <link?rel="stylesheet"?type="text/css"?href="css/style.css"?/> </head> <body> <canvas?id="chess"?width="450px"?height="450px"></canvas> <script?type="text/javascript"?src="js/script.js"?></script> </body> </html> #chess{ display:?block; margin:0?auto; box-shadow:?-2px?-2px?2px?#EFEFEF,5px?5px?5px?#B9B9B9; } 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,?15); context.stroke(); context.moveTo(15,?15?+?i?*?30); context.lineTo(15,?15?+?i?*?30); context.stroke(); } }
麻煩給個(gè)代碼,是不是被背景圖片覆蓋了啊,這是棋盤格子代碼
var?drawChessBoard?=?function(){ ????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(); ????} }
舉報(bào)
利用js及canvas繪圖知識(shí),實(shí)現(xiàn)程序界面編寫(xiě)和交互邏輯處理
2 回答棋盤格子畫(huà)不出來(lái)
2 回答棋盤顯示不出來(lái)
5 回答輸出不了棋盤
4 回答為什么我的棋盤顯示不出來(lái)?
1 回答最后判斷棋子出不來(lái)啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-07-25
2016-07-25
寬度設(shè)置錯(cuò)了,起點(diǎn)和終點(diǎn)一樣了。。。。
2016-07-25
2016-07-25
麻煩給個(gè)代碼,是不是被背景圖片覆蓋了啊,這是棋盤格子代碼