我目前正致力于在javascript中制作mastermind。我现在正在制作视觉部分。我正在处理的代码应该绘制正方形并用你给出的颜色填充它们。它可以正常工作,直到我定义一个变量,我使用之前定义的函数。当我没有突然定义该变量时,该图形无效。
我绘制4行4个方格的代码是:
<canvas id="myCanvas" width="400" height="520" style="border: 1px solid #000000;">...</canvas>
var j = 0;
var scomb = makeSecretComb();
while(j<9){
var i = 0;
var colors =[];
while(i<4){
var a = prompt("Give in a color");
colors.push(a);
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.rect(50*(i), 50*(j+1), 50, 50);
context.fillStyle = a;
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();
i = i+1;
}
j=j+1
}
如果没有变量scomb,我可以绘制正方形,在代码中使用scomb我得到一个空白画布。 知道这可能是怎么回事?