canvas实现双人对战五子棋代码

代码语言:html

所属分类:游戏

代码描述:canvas实现双人对战五子棋代码

代码标签: canvas 双人 对战 五子棋 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
 
    <style type="text/css">
        *{
        			margin:0;
        			padding:0;
        		}
        		.gobang{
        			margin:10px auto;
        			width:642px;
        			height: 642px;
        			/*border:1px solid;*/
        			background: url(//repo.bfw.wiki/bfwrepo/image/5e4350528640e.png);
        			overflow: hidden;
        		}
        		.text{
        			margin:0 auto;
        			width:100px;
        			height:40px;
        			text-align: center;
        			color:#f00;
        			border:1px solid red;
        			line-height: 40px;
        			display: block;
        		}
        		#can{
        			margin:0px auto;
        			border:1px solid green;
        			display: block;
        		}
    </style>
</head>

<body>
    <canvas class="text">PK</canvas>
    <div class="gobang">

        <canvas id="can" width="640" height="640">
		您的浏览器不支持canvas
	</canvas>
    </div>
    <script>
        var text = document.getElementsByClas.........完整代码请登录后点击上方下载按钮下载查看

网友评论0