尝试使用如下所示的循环在 Canvas 上获取带有 js 中的正方形的图案
■
■ ■
■ ■ ■
我目前只有第一个方 block 循环,并且不确定如何嵌套第二个循环来获得这种效果。这是我的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/