Холст мешает нажатиям

@Fedolino · Регистрация: 29.02.2020

Студворк — интернет-сервис помощи студентам

Здравствуйте, я столкнулся с проблемой - один холст canvas не дает мне нажимать на другой холст canvas.

HTML5

<div style="position:relative;">
    <canvas width="300" height="300" id="pl2" style="position:absolute; top0;"></canvas>
    <canvas width="300" height="300" id="pl1" style="position:absolute; top0;"></canvas>
</div>

С помощью этого я пытаюсь реализовать z-index на canvas. Я рисую фигуру нажимая курсором мыши на определенную позицию холста pl1. Но холст pl2 перехватывает мои нажатия по холсту pl1. Как сделать так что бы он не делал этого?

@DrType · 29.02.2020, 22:55

Вряд ли это нормальный совет, но что если наложить поверх обоих холстов ещё один, прозрачный, и отслеживать всегда только нажатия на этот третий холст, а в результате выводить фигуру на первый либо второй холст, в зависимости от каких-либо дополнительных вводных данных (типа положения переключателя)?

Добавлено через 1 минуту

Не по теме:

Не знаю, как правильно решить проблему.

@Fedolino · 29.02.2020, 23:11 **[ТС]**

Спасибо большое! Это гениально)

@DrType Модератор 6197 / 3436 / 1031 Регистрация: 07.09.2019 Сообщений: 5,500
	29.02.2020, 22:55	2
	Сообщение было отмечено Fedolino как решение Решение Вряд ли это нормальный совет, но что если наложить поверх обоих холстов ещё один, прозрачный, и отслеживать всегда только нажатия на этот третий холст, а в результате выводить фигуру на первый либо второй холст, в зависимости от каких-либо дополнительных вводных данных (типа положения переключателя)? Добавлено через 1 минуту Не по теме: Не знаю, как правильно решить проблему. 1

@Fedolino 1 / 1 / 0 Регистрация: 29.02.2020 Сообщений: 9
	29.02.2020, 23:11 [ТС]	3
	Спасибо большое! Это гениально) 0

Опции темы

Холст мешает нажатиям

Решение