Как использовать png маски на canvas?

Question

[ixon]

Есть изображение фона:
www.unoosa.org/res/timeline/index_html/space-2.jpg
и альфа маска к изображенным на этом фоне космонавтам:
jim.studt.net/jpeg-alpha/astronaut-256-mask.png
Как, пользуясь этой маской изобразить на этом фоне космонавтов разного цвета, чтобы получить что-то типа:

Answer 1

[GreatRash]

https://github.com/codepo8/canvas-masking

Comments

[ixon]

Но ведь это касается отдельных картинок с прозрачным фоном, а мне нужна целая композиция на одном canvas.

[GreatRash]

ixon: Там крошечный скрипт на 34 строки. Этого должно хватить, чтобы вы поняли как работают маски у канваса. Вам же этот момент непонятен, так?

[ixon]

GreatRash: Оно выполняет совершенно иные задачи, чем мне нужно. Оно применяет маску только, если фон отсутствует. Если я буду делать что-то аналогичное, то мой фон пропадёт.