Java 在画布中绘制简单网格?

Java 在画布中绘制简单网格?,java,swing,canvas,grid,awt,Java,Swing,Canvas,Grid,Awt,我已经用Java编写了康威的生活游戏,我想在浏览器中显示它。我想学习一些画布,那么绘制2D网格并用颜色填充每个单元格的首选方法是什么?谢谢。这将形成一个网格。我认为它对于定位或确定元素或某物的坐标以及其他几个可能的方便用例非常有用 var grid = function() { for (var i = 0; i < canvasWidth || i < canvasHeight; i += 100) { // 100 represents the width in pixe

我已经用Java编写了康威的生活游戏,我想在浏览器中显示它。我想学习一些画布,那么绘制2D网格并用颜色填充每个单元格的首选方法是什么?谢谢。

这将形成一个网格。我认为它对于定位或确定元素或某物的坐标以及其他几个可能的方便用例非常有用

var grid = function() {
    for (var i = 0; i < canvasWidth || i < canvasHeight; i += 100) { // 100 represents the width in pixels between each line of the grid
        // draw horizontal lines
        ctx.moveTo(i, 0);
        ctx.lineTo(i, canvasHeight);
        // draw vertical lines
        ctx.moveTo(0, i);
        ctx.lineTo(canvasWidth, i);
    }
    ctx.save();
        ctx.strokeStyle = 'hsla(200, 0%, 20%, 0.8)';
        ctx.stroke();
    ctx.restore();
};

// Call the function
grid()
var grid=function(){
对于(var i=0;i
希望这会有所帮助,这也是您正在尝试做的事情。:)

编辑:如果您希望用不同的颜色填充每个网格正方形,则此功能将不起作用,或者至少可以与另一个功能结合使用,该功能以与上面的功能类似的方式创建和填充正方形,但根据画布宽度和高度的尺寸剪切宽度和高度