Mascarando formas em tela HTML5?

Desculpas se isso foi solicitado em outro lugar, mas é muito difícil de dizer, pois é assim que eu não consegui encontrar nada.

Existe alguma maneira de implementar máscaras na tela?

Por exemplo, usando formas somente (sem imagens) desenho uma casa com uma janela. Eu também tenho uma forma representando uma pessoa. Eu quero que essa pessoa apareça na janela - mas, obviamente, apenas tanto quanto a janela permitir deve ser visível da pessoa. O resto seria mascarado.

Pensei em esvaziar a parte da casa ocupada pela janela, de modo que houvesse um buraco genuíno na camada, o que torna o problema fácil de resolver.

Mas estou consciente de que você não pode excluir formas ou partes de formas na tela, apenas desenhar coisas novas sobre coisas antigas. Então, em um ambiente multi-camadas (estou fazendo um jogo no Kinetic.JS), o que exatamente eu posso fazer?

Desculpe se nada disso é mal explicado - novo para a coisa toda gráfica.

questionAnswers(2)

yourAnswerToTheQuestion