課程
/前端開發
/JavaScript
/JS實現人機大戰之五子棋(UI篇)
畫線出不來??
2016-07-25
源自:JS實現人機大戰之五子棋(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();
寬度設置錯了,起點和終點一樣了。。。。
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"?/> <title>五子棋大戰</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(); } }
麻煩給個代碼,是不是被背景圖片覆蓋了啊,這是棋盤格子代碼
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(); ????} }
舉報
利用js及canvas繪圖知識,實現程序界面編寫和交互邏輯處理
2 回答棋盤格子畫不出來
2 回答棋盤顯示不出來
5 回答輸出不了棋盤
1 回答棋子中小棋子出現的同事大棋子不會消失
4 回答為什么我的棋盤顯示不出來?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-25
2016-07-25
寬度設置錯了,起點和終點一樣了。。。。
2016-07-25
2016-07-25
麻煩給個代碼,是不是被背景圖片覆蓋了啊,這是棋盤格子代碼