наложить картину на холст временно

Question

Я работаю над демонстрацией в html5, и это то, что я хочу сделать:

У меня уже есть элемент, который действует как доска для рисования, и один человек рисует на ней случайным образом.

Теперь я хочу:

• поверх холста, временно показать (наложить) небольшую картинку и текстовое сообщение на несколько секунд.затем исчезнуть.

• наложение не должно блокировать пользователя от продолжения рисования.

• наложенное изображение должно исчезать четко, а не переписывать рисунок нижеили заблокировать действие мыши.

как я могу это сделать?

очень ценю вашу помощь!

Answer 1

Вы рисуете, читая координаты мыши, и если кнопка мыши нажата, верно? Тогда все, что вам нужно сделать, это продолжать читать эти значения с помощью мыши.

Если вы просто слушаете события мыши внутри элемента canvas, я вижу, что возникнет проблема, если вы поместите какой-либо элемент над ним. Если это так, вам придется переключиться на прослушивание событий мыши во всем документе (document.addEventListener('mousemove', ...) и т. Д.).