用Javascript创建棋盘

// 创建Canvas元素
var canvas = document.createElement("canvas");
document.body.appendChild(canvas);

// 设置Canvas的宽度和高度
var width = 400;
var height = 400;
canvas.width = width;
canvas.height = height;

// 获取2D上下文
var ctx = canvas.getContext("2d");

// 绘制棋盘
var gridSize = 50; // 每个格子的大小
var rows = height / gridSize;
var cols = width / gridSize;

for (var row = 0; row < rows; row++) {
  for (var col = 0; col < cols; col++) {
    if ((row + col) % 2 === 0) {
      ctx.fillStyle = "#FFFFFF"; // 白色
    } else {
      ctx.fillStyle = "#000000"; // 黑色
    }
    ctx.fillRect(col * gridSize, row * gridSize, gridSize, gridSize);
  }
}