Как очистить часть холста, используя strokeStyle?

Question

Моя проблема заключается в следующем:

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

Один из вариантов - использовать clearRect и очистить небольшой прямоугольник при перетаскивании.Есть ли более блестящее решение?Возможно, что-то простое, что связано с инсультом?

Answer 1

Попробуйте нарисовать со свойством контекста «globalCompositeOperation», установленным в «destination-out». Это работает со всеми браузерами, которые поддерживают Canvas?

Answer 2

Что если в вашем инструменте ластика вы установили для strokeStyle значение rgba (255,255,255,0), тем самым заполнив все пиксели холста, задействованные в обводке, прозрачным белым, по существу «очистив» их?