小编sko*_*mas的帖子

HTML5 画布方格图案

我正在尝试创建一幅复古像素化背景画。“像素”的 x 和 y 位置相应地为奇数和偶数。这似乎适用于分辨率(res 变量)为 4 的情况,然后 % 运算符似乎不起作用。

function drawPixelatedBackground()
{
    var res = 5;

    for (var x=0; x<settings.width/res;x++ )
    { 
        for (var y=0;y<settings.height/res;y++)
        {
            if ( (x%2==0) && (y%2==0) )
            {
                nx = x * (settings.width/res);
                ny = y * (settings.width/res);
                ctx.fillStyle= settings.colors.Fill;
                ctx.fillRect(nx,ny, nx+  (settings.width/res),ny+   (settings.height/res) );
            }

        }
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript canvas html5-canvas

4
推荐指数
1
解决办法
5369
查看次数

标签 统计

canvas ×1

html5-canvas ×1

javascript ×1