Question

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; 
}

Answer 1

将Math.random更改为Math.random()。当fillStyle具有非RGB值作为输入时，它将变为黑色而Math.random是一个函数。

经测试，它有效jsfiddle

Answer 2

它实际上确实如此，但它却在默默地失败。 randomColorValue会返回NaN，因为Math.random是一个函数，而您不会调用它。您的randomColorValue应如下所示：

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

它会起作用：）

Javascript函数未在RGB填充样式中使用

2 个答案: