html5 заполнить формы холста

Question

У меня есть базовое приложение для рисования на холсте, и я хочу сделать рамку для рисования и тем самым создать трафарет.Другими словами, я хочу создать фигуру, а затем я хочу, чтобы пользователь мог рисовать только внутри нее, даже когда он пытается рисовать снаружи.

У вас есть идеи, как я могу это сделать?спасибо

Answer 1

Это может быть достигнуто путем создания области отсечения.Основная идея заключается в том, что на холсте есть путь, к которому привязан весь рисунок.

Создайте фигуру и вместо вызова stroke() или fill() вызовите clip()

Если вы не совсем понимаете, как работают области отсечения, есть несколько примеров вокруг.