<!DOCTYPE html>
<html>
<head>
<title>绘制棋盘</title>
</head>
<body>
<h1 id="heading">绘制棋盘</h1>
<canvas id="canvas" width="400" height="400"></canvas>
<script>
var canv = document.getElementById("canvas");
var ctx = canv.getContext("2d");
for(var j=0;j<4;j++)
{
for(var i=0;i<4;i++)
{
ctx.fillRect(i*80,j*80,40,40);
ctx.fillRect(i*80+40,j*80+40,40,40);
ctx.lineWidth = 1;
ctx.strokeRect(i*80+40,j*80,40,40);
ctx.strokeRect(i*80,j*80+40,40,40);
}
}
</script>
</body>
</html>
Javascript绘制围棋盘
最新推荐文章于 2023-07-23 21:43:50 发布