Temat: skrypt generujący teksturę z img i koloru

Czy posiada lub znalazł ktokolwiek z Was gotowy skrypt umożliwiający tworzenie tekstury w locie, w oparciu o gotowego color pickera i img (png) ?

Ogólny koncept wyglądałby tak, że w niewielkim boksie color pickerem ustawiany byłby kolor tła, a nad nim ustawiane tło z wybranego png. Chodzi tylko o frontend, więc żadne tworzenie obrazów przy użyciu imagemagick czy GD nie jest potrzebne.

Nie byłoby większego problemu gdyby ilość png była z góry ustalona i nie zmieniała się.
A w tym wypadku sprawa się komplikuje bo kawał kodu (js i css) musiałby być generowany w locie, a w js jestem za mały żeby zrobić to wszystko zanim się przyszłe wakacje skończą.

Po głębszym zastanowieniu jquery powinno dać radę. Do rozwiązania pozostaje tylko przekazanie nazwy klikniętego img i podmiana tła w warstwie.

a za oknem taka piękna pogoda....Wojciech J. edytował(a) ten post dnia 29.02.12 o godzinie 15:05

Temat: skrypt generujący teksturę z img i koloru

Wszystkie wersje które widziałem, działały albo na canvas'ie albo w JS był tylko interface, zaś tworzenie faktycznego pliku było po stronie serwera.

Wybierało się kolor tła, wzór (przez wybór konkretnego obrazka z listy) i po submicie dostawało się wygenerowany plik.

Jeśli ma to tylko mieć wpływ na wygląd fronendu, to proces wydaje się prosty - ustawiasz nowy styl tła jakiegoś elementu na podstawie wybranych wartości.

Albo czegoś nie czaję

(u mnie za oknem pada....)

Temat: skrypt generujący teksturę z img i koloru

Wojciech J.:
Czy posiada lub znalazł ktokolwiek z Was gotowy skrypt umożliwiający tworzenie tekstury w locie, w oparciu o gotowego color pickera i img (png) ?

Ogólny koncept wyglądałby tak, że w niewielkim boksie color pickerem ustawiany byłby kolor tła, a nad nim ustawiane tło z wybranego png. Chodzi tylko o frontend, więc żadne tworzenie obrazów przy użyciu imagemagick czy GD nie jest potrzebne.

Nie byłoby większego problemu gdyby ilość png była z góry ustalona i nie zmieniała się.
A w tym wypadku sprawa się komplikuje bo kawał kodu (js i css) musiałby być generowany w locie, a w js jestem za mały żeby zrobić to wszystko zanim się przyszłe wakacje skończą.

Po głębszym zastanowieniu jquery powinno dać radę. Do rozwiązania pozostaje tylko przekazanie nazwy klikniętego img i podmiana tła w warstwie.

a za oknem taka piękna pogoda....

Skryptu nnie znam ale gdzieś taka stronke miałam, jak będę na swoim konpie stacjonarnym to poszukam

Temat: skrypt generujący teksturę z img i koloru

Michał Wachowski:
Jeśli ma to tylko mieć wpływ na wygląd fronendu, to proces wydaje się prosty - ustawiasz nowy styl tła jakiegoś elementu na podstawie wybranych wartości.
Albo czegoś nie czaję
(u mnie za oknem pada....)

Dokładnie tak, sam frontend, żadnego generowania serverside. Pomyślałem trochę nad tym i jakkolwiek z wczytywaniem zmieniającej się ilości img nie ma żadnego problemu, tak wdepnięcie na temat JS oziębiło mój zapał. Pozostaje mi w zasadzie przekazanie do jquery wygenerowanego parametru dla miniatury, aby załadowało pełny obraz jako background-image dla kontenera.

Generalnie skrypt pokroju tego, jak wyglądałby projekt na kolorowej koszulce, z tymże bez żadnych wodotrysków.
No, może fadein() ;)

Agnieszka Anna Janus:
Skryptu nnie znam ale gdzieś taka stronke miałam, jak będę na swoim konpie stacjonarnym to poszukam

Z miłą chęcią zerknąłbym w działający kod zanim podejdę do tematu.

Swoją drogą nie trafiłem w goglach na nic podobnego.Wojciech J. edytował(a) ten post dnia 29.02.12 o godzinie 16:39

Temat: skrypt generujący teksturę z img i koloru

Czy ten mechanizm ma służyć do samodzielnego ustawiania sobie tła strony lub tego typu elementu?
Za pomocą JavaScript możesz dynamicznie manipulować tłem elementu, najlepiej nadając mu jakieś id, np:

document.getElementById("element").style.background = "url('tlo.png') #000";

Drugi wariant, to wykorzystanie jQuery, wtedy mamy coś takiego:
$('body').css('background-image', 'url("tlo.png")');

Jeśli chcesz te ustawienia zapisać, to na przykład robisz formularz i submita, tylko wtedy całość odbywa się z przeładowaniem strony, albo wykorzystujesz Ajax i zapisujesz ustawienia w tle.

Na koniec wystarczy wygenerować kod CSS z zapisanymi ustawieniami, np. wstawka w kodzie strony, która nadpisuje domyślne definicje z pliku CSS.