小编mat*_*son的帖子

<canvas> 围棋/围棋/围棋棋盘

我正在尝试使用新标签,但我已经遇到了第一个障碍。我想通过实现经典棋盘游戏 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)

html javascript canvas baduk

5
推荐指数
1
解决办法
1702
查看次数

标签 统计

baduk ×1

canvas ×1

html ×1

javascript ×1