尝试使用看起来像这样的循环在js中用正方形在画布上绘制图案



■■

■■■

我目前只有第一个正方形循环,不确定如何嵌套第二个循环才能获得这种效果。这是我的js

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');


ctx.fillStyle = "rgba(255, 255, 255, 255)";
for(var i = 0; i < 10; i++) {
    ctx.fillRect(i*25, i*25, 20, 20);
}

最佳答案

您需要一个内部循环,以在第n行中绘制所有n个正方形:

for(var i = 0; i < 10; i++) {
    for(var j = 0; j <= i; j++) {
        ctx.fillRect(j*25, i*25, 20, 20);
    }
}

关于javascript - JS嵌套循环楼梯,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29268458/

10-11 09:11
查看更多