Производительность наведения курсора мыши на холст против ввода мыши на объекте html

#javascript #html #canvas #mousemove

#javascript #HTML #холст #mousemove

Вопрос:

У меня есть круг, нарисованный на холсте. На данный момент я использую canvas.mousemove, чтобы определить, находится ли мышь внутри круга. Было бы лучше с точки зрения производительности поместить круглый html-объект поверх холста и использовать события ввода и выхода мыши для этого html-элемента? Я так думаю, потому что перемещение мыши срабатывает чаще.

Комментарии:

1. Добавление уровня сложности с дополнительными элементами html, скорее всего, снизит производительность.

Ответ №1:

В случае небольшого количества объектов это не имеет значения — просто выберите более удобный для вас подход.

Для проверки тысяч объектов — подход, основанный на чистом холсте, должен быть более быстрым, более читаемым и занимать меньше памяти.

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