当我按 Ctrl+A 突出显示从中绘制的所有 Canvas 时，最后一行似乎是空白的或全部合并。我正在尝试制作 4x4 网格的 Canvas 。我的逻辑错误是什么？
var count = 0;
while (count < 16) {
if (count % 4 == 0)
document.write("<br><canvas id = \"canvas_ \" + count + \" width = \"50\" height = \" 50\"></canvas>");
else
document.write("<canvas id = \"canvas_ \" + count + \" width = \"50\" height = \" 50\"></canvas>");
count++;
}
最佳答案
我稍微重写了你的代码:
var count = 0;
while (count < 16) {
if (count % 4 == 0)
document.write('<br>');
document.write('<canvas id="canvas_' + count + '" width="50" height="50"></canvas>');
count++;
}
document.write('<br>');
除了改进编码风格(例如使用两种引号)之外，我还添加了一个 <br>最后，因为这就是导致最后一行未被选择的原因。
添加 canvas { border: 1px solid #000 }使它看起来像这样:
关于javascript - 4x4 Canvas 绘图中的逻辑错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15553917/