未使用fillStyle中的randomColorValue函数。画布只是被涂成全黑,而不是随机的配色方案。我是一个初学者,希望这不是一个完整的菜鸟问题或显而易见的问题。谢谢你的帮助。我将最相关的代码用斜体表示。

const canvas = document.getElementById('squares');
const ctx = canvas.getContext('2d');
for (let x = 0; x <=800; x+=50){
 for(let y= 0; y<=800; y+=50){
 ctx.fillStyle = `rgb(${randomColorValue()},${randomColorValue()},${randomColorValue()})`;
 ctx.fillRect(x, y, 50, 50);
}
}
function randomColorValue(){
 let actualValue = Math.ceil (Math.random*255);
return actualValue;
}

最佳答案

它确实可以,但是却无声地失败了。 randomColorValue返回一个NaN,因为Math.random是一个函数,并且您不调用它。您的randomColorValue应该如下所示:



function randomColorValue() {
  let actualValue = Math.ceil(Math.random() * 255);
  return actualValue;
}





它会工作:)

08-19 04:44