HTML5 Canvas image mask?
Kedves fórumozók!
Néhány napja keresgélek, azonban nem igazán találtam még megoldást a problémámra (remélem azért van):
A következőt szeretném megvalósítani:
Adott egy transzparens hátterű png kép, és ennek a körvonalait szeretném canvas-ra átültetni. Legyen pl egy csillag, a képre nincs szükségem, csak a körvonalait lenne jó valahogy "lemásolni".
Lehet, hogy nem túl érthetően magyaráztam mit szeretnék, ezért képpel illusztrálom, hogy milyen kimenetre lenne szükségem.
Megj.: A kimeneti állapotot később real time színezni szeretném. Ha netán rossz irányba haladok, vagy más módon lehet ezt megvalósítani, akkor is segítségeteket kérném.
Köszönöm!
■ Néhány napja keresgélek, azonban nem igazán találtam még megoldást a problémámra (remélem azért van):
A következőt szeretném megvalósítani:
Adott egy transzparens hátterű png kép, és ennek a körvonalait szeretném canvas-ra átültetni. Legyen pl egy csillag, a képre nincs szükségem, csak a körvonalait lenne jó valahogy "lemásolni".
Lehet, hogy nem túl érthetően magyaráztam mit szeretnék, ezért képpel illusztrálom, hogy milyen kimenetre lenne szükségem.
Megj.: A kimeneti állapotot később real time színezni szeretném. Ha netán rossz irányba haladok, vagy más módon lehet ezt megvalósítani, akkor is segítségeteket kérném.
Köszönöm!
Tudtommal le lehet kérni a
compositing
Valószínűleg ez jó lesz