[Defekt]

#webdev #webdevhelp #javascript

Tworzę małą aplikację do rysowania wykresów opartą na canvas. Mam funkcję, która zwraca losowy kolor w formacie rgb, wywołanie funkcji jest w metodzie ctx.fillStyle. Ma to działać w ten sposób, że każdej kolumnie (rysowanej pętlą) nadaje inny kolor. Niestety nie działa i kolor jest defaultowy, jeśli zamiast wywołania wpiszę konkretną wartość wszystko jest w porządku.
Co jest nie tak?

Mogę dla większej jasności podrzucić cały kod.

http://codepen.io/anon/pen/jWOaYE

[5z7k9]

@Defekt: jakimś specjalistą od JS nie jestem, ale czy kolor(RGB) na pewno ma być w apostrofach?

"'rgb(" + r + "," + g + "," + b + ")'"

----->

"rgb(" + r + "," + g + "," + b + ")"

[g.....g]

@Defekt: dlaczego nie wektor w SVG?

[Defekt]

@5z7k9: Canvas API tego wymaga: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors

[5z7k9]

@Defekt: gdzie Ty tam widzisz apostrof przed RGB i po?

[Defekt]

@gehog: Uczę się, chciałem spróbować najpierw canvas ;>

[g.....g]

@Defekt: spróbuj svg najpierw potem bierz canvas, jak nie masz ochoty bawic w szczegóły to polecam
http://snapsvg.io/
http://d3js.org/

[5z7k9]

@Defekt: no spróbuj: return "rgb(" + r + "," + g + "," + b + ")";
@up - również proponuję tamte rozwiązania. :P

[Defekt]

Dobra, działa, dzięki chłopaki. Svg zajmę się bezwzględnie ;)

[regis3]

@Defekt: nie * 256 tylko 255 :)

[regis3]

@foke: zwracam honor, Math.random to [0, 1) nie [0,1]