Маскировка фигур в холсте HTML5?
Извиняюсь, если это было задано в другом месте, но это довольно сложно сформулировать, так как я не смог ничего найти.
Is there any way to implement masks in canvas?
For example, используя только фигуры (без изображений) я рисую дом с окном. У меня также есть форма, представляющая человека. Я хочу, чтобы этот человек появился у окна - но, очевидно, только человек должен видеть его настолько, насколько позволяет окно. Остальные будут замаскированы.
Я думал о том, чтобы опустошить часть дома, занятую окном, чтобы в слое была настоящая дыра, что облегчает проблему.
Но я осознаю, что вы не можете удалять фигуры или части фигур на холсте, а только рисовать новые вещи поверх старых. Итак, что я могу сделать в многослойной среде (я делаю игру в Kinetic.JS)?
Извините, если что-то из этого плохо объяснено - новинка для всего графического.