Как создать клик по CANVAS?

Question

[Jedi]

Как я могу кликнуть по координатам X Y на элемент который находится внутри CANVAS ? Это не совсем элемент, получить каким то образом к нему не выйдет. (canvas.el.click()) . Как зная координаты, я могу кликнуть ?

Вопрос... Я еще junior в JS, вопрос может быть глупым, но постарайтесь на него ответить :)
А обязательно ли кликать ? А что если просто создать event ? Это должно сработать ?

Объясните пожалуйста.

1372 324

Спасибо!

Answer 1

[Константин Китманов]

Клик по элементу в канвасе ловится в общих чертах так: берем координаты клика от верхнего левого угла в канвасе и сравниваем с координатами элемента (не забудьте учесть масштабирование). Хорошо, если это круг. Чуть хуже, если прямоугольник. Еще хуже, если многоугольник, особенно если еще и не выпуклый:) Возможно проще будет взять какую-то готовую библиотеку, почти везде есть интерактивные элементы.

Самому создать event можно (но могут быть кросс-браузерные нюансы), но обычно проще сразу вызвать обработчик с нужными параметрами.

Comments

[Jedi]

спасибо

[Jedi]

А как через консоль сделать клик по координатам от левого угла ? Вот есть у меня координаты 1372 324, как сделать клик по конвасу ?

[Константин Китманов]

PHPjedi, почитайте MDN по ссылке, там пример есть.

[Константин Китманов]

PHPjedi, https://developer.mozilla.org/docs/Web/Guide/Event...

[Jedi]

Константин Китманов, ОК, спасибо вам большое!