当我按 Ctrl + A 突出显示从中绘制的所有画布时,最后一行似乎是空白或全部合并。我正在尝试制作4x4网格的画布。我的逻辑错误是什么?
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++;
}
答案 0 :(得分:1)
我稍微重写了你的代码:
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 }
会使其如下所示:
答案 1 :(得分:0)
您的代码没问题,但是当您按 CTRL + A 仅<br/>
元素时,它会选择不选择canvas元素。当您在结尾添加一个<br/>
时,它将起作用。并且您的代码计数中的错误也在字符串中。
var count = 0;
document.write("<br>");
while (count < 16) {
document.write("<canvas id=\"canvas_" + count + "\" width=\"50\" height=\"50\"></canvas>");
count++;
if (count % 4 == 0) {
document.write("<br>");
}
}