Weblabor

Ha az a kérdésed, hogy ha van egy áttetsző, szürkeárnyalatos képed, és azt egy homogén háttérszín felé rakod, akkor az adott színben kirajzolja-e a szürkeárnyalatos mintát, akkor a válasz igen. Csak egymás alá, fölé kell pozícionálni a két képet/taget a megfelelő sorrendben.

Ha az a kérdés, hogy egy képből hogyan nyered ki az árnyékos körvonalát egy szürkeárnyalatos áttetsző png-be, abban sajnos én nem tudok segíteni, de valahogy biztosan megoldható.

Szóval, ha valamilyen úton-módon készítesz egy megfelelő png-t, akkor az különböző háttérszínek fölött különböző színben fog kirajzolódni. Extra div sem szükséges (hacsak nem cél, hogy ide-oda mozgatható legyen a kép), elég akár az img-nek háttérszínt adni.

Úgy gondolom, Poetro válasza a legpontosabb, de - attól függően, mi a konkrét cél - a többi hozzászólás is hasznos infókat rejt.

1. Kiindulásnak valóban egy szürkeárnyalatos kép kell (lehetőleg részben áttetsző).
2. Ha nem kell olyan (látvány-)végeredmény, amit Bonga írt, miszerint a "piros alma" csak "R" összetevőket tartalmaz, a "G" és "B" mindig 0, akkor egyszerűen szabo.b.gabor és Endyl megoldását használhatod (ha erre gondoltak), miszerint a kép elé teszed a kívánt színt (pl. rgb(255,0,0)) és beállítasz a színnek átlátszóságot: opacity: 0.5; filter: alpha(opacity=50);. Így látványra hasonlót kapsz, de szerintem a böngészők 50% áttetszés esetén mindhárom színösszetevőnél a két kép átlagát jelenítik meg, tehát nem lesz 0 a G és B. Ennél a megoldásnál szerintem az a jobb, ha a kép elé teszed a színt (a kép z-indexe a kisebb), így nem kell a képnek átlátszónak lenni, és talán a fekete fekete is lesz. (De a fehér nem lesz fehér.)
3. Ha az a célod (bár miért lenne az), hogy egy szürkeárnyalatos kép három színösszetevője közül kettőt "kinullázz", akkor két javaslat:
3.1. Csináld meg előre mind a négy (három) képet és kattintásra válts közöttük; vagy
3.2. Szerveroldalon (pl. a kép feltöltésekor) alakítsd át a képet előbb szürkeárnyalatosra, ezt mentheted már palettás (256 színű) képként (mert ugye R=G=B), ezután a többi kép létrehozásához már csak a szürke palettáját kell módosítgatni. Szerintem Poetro ilyesféle képátalakításra gondolt, csak ő a kliens oldalon, canvas objektumban.

Főként Bonga számára jegyzem meg, hogy se a piros, se a sárga alma esetében nem helytálló, hogy a három összetevőből bármelyik is "mindig 0". Akkor nem lehetne rajtuk fehér szín. Inkább az a helyes megfogalmazás, hogy az árnyalat alapszíne és a szürke fényereje adja meg az adott színt. (A piros alma esetében a G és B szinte sosem 0, de R-hez való arányuk is a fényerő függvénye.)

Asszem a grafikusok korrepetálhatnának (engem/minket) a képek matekjából.