Как обрезать и наложить друг на друга две картинки на canvas?

Question

[John Doe]

Подскажите, пожалуйста, как сделать такое на canvas? Т.е. взять картинку, обезать ее по форме (например, круг) и поверх нее отрисовать еще одну картинку, тоже обрезанную по определенной форме?

пробовала свойство globalCompositeOperation, но никак не получается наложить вторую картинку (она накладывается поверх первой и уже никак не сделать обрезку отдельно каждой картинки).

Comments

[SagePtr]

Отдельно создать в памяти ещё один элемент canvas для верхнего слоя, отрисовать его нужным образом и скопировать поверх.
UPD: В вашем случае можно обойтись одним canvas

Answer 1

[SagePtr]

Comments

[John Doe]

спасибо!