我正在尝试使用新标签,但我已经遇到了第一个障碍。我想通过实现经典棋盘游戏 Go/Baduk/Weiqi 的一个版本,我会开始涉足。
我已经使用 moveTo() 和 lineTo() 绘制了 xy 网格,并且我已经使用 fillRect() 绘制了一个木头背景,当然需要在该 XY 网格“下方”。
然而,这就是我的问题。fillRect() 背景绘制在网格的顶部 - 从而遮挡了网格。
我如何扭转这种情况?这是我正在使用的内容:
var boardSize = 19;
var gridSpacing = 25;
var gridSize = boardSize * gridSpacing;
var xStart = (window.innerWidth / 2) - (gridSize / 2) + 0.5;
var yStart = (window.innerHeight / 2) - (gridSize / 2) + 0.5;
var xEnd = xStart + gridSize;
var yEnd = yStart + gridSize;
var gridContext = canvas.getContext("2d");
gridContext.beginPath();
// Draw the board x lines …Run Code Online (Sandbox Code Playgroud)