未使用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;
}
它会工作:)