JS+Canvas实现五子棋游戏
本文实例为大家分享了JS+Canvas实现五子棋游戏的具体代码,供大家参考,具体内容如下
布局+样式部分代码:
canvas{ display:block; margin:50pxauto; box-shadow:-2px-2px2px#efefef,5px5px5px#b9b9b9; cursor:pointer; } .btn-wrap{ display:flex; flex-direction:row; justify-content:center; } .btn-wrapdiv{ margin:010px; } div>span{ display:inline-block; padding:10px20px; color:#fff; background-color:#EE82EE; border-radius:5px; cursor:pointer; } div.unablespan{ background:#D6D6D4; color:#adacaa; } #result-wrap{ text-align:center; } --五子棋-- 重新开始