1. 程式人生 > >團隊-象棋遊戲-模塊開發過程

團隊-象棋遊戲-模塊開發過程

標記 實現 wid es2017 xiang 分辨 -s png log

項目托管平臺地址:https://gitee.com/zhanghongjian666/ZhongGuoXiangQi/tree/master

開發模塊功能: 棋盤繪制功能,

開發時間:7天(小時),實現了棋盤的繪制和主體的頁面

XiangQi.prototype = {
canvas: {
w: 0, // 畫布寬
h: 550 // 畫布高
},
qipan: {
cellSize: 55, // 棋格大小
lineWidth: 2, // 畫筆大小
strokeStyle: "#000", // 畫筆顏色
markLen: 15, // 標記長度
markPadding: 10 // 標記間距
},

技術分享

遇到了棋子和棋盤不能吻合的問題 最後查閱資料通過調整整體分辨率解決

團隊-象棋遊戲-模塊開發過程