[m21d24]

Obraz podaję jako obiekt i jako ścieżkę, ale błąd ciągle się pojawia. Skrypt to jest gotowiec, więc powinien działać, a tu zonk. O co może chodzić?
link do skryptu
#webdev #javascript

[rbielawski]

@m21d24: a robisz image.onload = ...?

[m21d24]

@rbielawski: @Marmite:

var image = new Image;
 image.onload = function() {
 var colorThief = new ColorThief();
 var dominantColor = colorThief.getColor(image);
 }
 image.src = "/gfx/6700f8a540fd7188bfc7533f3eb73f22.png";

Zrobiłem to tak, błędu już nie ma, ale teraz jak wydobyć dominantColor z funkcji? :D

[rbielawski]

@m21d24:
var image = new Image,
colorThief,
dominantColor;

image.onload = function() {
colorThief = new ColorThief();
dominantColor = colorThief.getColor(image);
}

? ;P

[m21d24]

@rbielawski: Dotarłem do tego momentu, że wewnątrz funkcji skrypt działa, coś z tego sobie już wykombinuję, ale żeby rozwiązać problem do końca - jak wyciągnąć zmienną poza funkcję? Aktualnie zwraca tylko 'undefined'

[rbielawski]

@m21d24: wrzuc ten swoj kod na pastebin i daj linka

[m21d24]

@rbielawski: http://pastebin.com/bRx6JBp4

Jeśli chcę wywołać zmienną w konsoli wewnątrz funkcji - działa, ale jak ją wywołać poza funkcją? Tak jak na końcu przykładu.

[rbielawski]

@m21d24: kolego, a asynchronicznosc cos ci mowi? ;>

[m21d24]

@rbielawski: coś mówi, ale nie jestem takim pro w js, stąd ten milion pytań! :D czyli się nie da? :P

[rbielawski]

@m21d24: tak bardzo ogolnie chodzi o to, ze funkcja onload jest wywolywana dopiero po tym, jak obrazek sie zaladuje, a to co jest poza nia leci od razu (niezaleznie od tego, czy jest napisane przed czy po tej funkcji)

[rbielawski]

@m21d24: http://pastebin.com/2gqq8c8v (zrobilem literowke w 16 linijce, komentarz jest niedomkniety, sorry)

[m21d24]

@rbielawski: już jest dla mnie wszystko jasne, dzięki za cierpliwość :D

[rbielawski]

@m21d24: wierz mi, nie jest, poczytaj sobie o 'callback hell' (np. http://callbackhell.com/ ) ( ͡° ͜ʖ ͡°)

[m21d24]

@rbielawski: miałem na myśli tylko ten przypadek :P