Maskowanie kształtów na płótnie HTML5?

Przepraszam, jeśli zostało to zadane gdzie indziej, ale trudno jest to wyrazić, ponieważ nie mogłem niczego znaleźć.

Czy istnieje sposób na zaimplementowanie masek w płótnie?

Na przykład, używanie tylko kształtów (brak obrazów) Rysuję dom z oknem. Mam też kształt reprezentujący osobę. Chcę, żeby ta osoba pojawiła się w oknie - ale oczywiście tylko tyle, na ile pozwala okno, powinna być widoczna dla osoby. Reszta zostanie zamaskowana.

Pomyślałem o opróżnieniu części domu zajmowanej przez okno, tak aby w warstwie znajdował się prawdziwy otwór, co sprawia, że ​​problem jest łatwy do rozwiązania.

Ale jestem świadomy, że nie można usuwać kształtów lub części kształtów w płótnie, rysować tylko nowe rzeczy na starych materiałach. Więc w środowisku wielowarstwowym (robię grę w Kinetic.JS), co dokładnie mogę zrobić?

Przepraszam, jeśli coś z tego jest źle wyjaśnione - nowość w całej grafice.

questionAnswers(2)

yourAnswerToTheQuestion