Функция Javascript не используется в стиле заливки RGB

Question

Функция Javascript не используется в стиле заливки RGB

1

Функция randomColorValue в fillStyle не используется. Холст просто окрашивается в черный цвет вместо случайной цветовой схемы. Я немного новичок и надеюсь, что это не полный вопрос о нобе или что-то просто очевидное. Спасибо за любую помощь. Я выделил наиболее релевантный код.

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

Kevin 8715 24 окт. 2017, в 08:34

Источник

2

Вы забыли () , следует let actualValue = Math.ceil (Math.random()*255);
Walk 24 окт. 2017, в 05:46
0

Большое спасибо. Не уверен, почему я иногда пропускаю очевидное форматирование, подобное этому.
Kevin 8715 24 окт. 2017, в 05:47

Теги:

javascript

2 ответа

Ещё вопросы

Вы забыли () , следует let actualValue = Math.ceil (Math.random()*255);
Большое спасибо. Не уверен, почему я иногда пропускаю очевидное форматирование, подобное этому.

jeff_mid · Answer 1 · 2017-10-24T02-59-00.000Z

Измените Math.random на Math.random(). Когда fillStyle имеет не RGB-значение в качестве входных данных, вместо этого он станет черным, а Math.random - функцией.

Протестировано, работает jsfiddle

Piotr Jaworski · Answer 2 · 2017-10-24T02-57-00.000Z

Это на самом деле, но он терпит неудачу. randomColorValue возвращает NaN, потому что Math.random - это функция, и вы ее не называете. Ваш randomColorValue должен выглядеть так:

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

и он будет работать :)