Использую ли я элемент canvas или просто простой держатель div для карусели / слайдера интерактивных изображений с горячими точками?

Question

Мне нужно создать интерактивную галерею изображений (или слайдер изображений), где нужно разместить несколько горячих точек. Должна быть возможность нажать на эти горячие точки, чтобы обновить боковую панель с соответствующей информацией. На слайде или сцене галереи должна быть предусмотрена некоторая базовая анимация.

Какая настройка будет лучшим решением? В настоящее время я думаю об элементе canvas, но отсутствие конкретных событий для нарисованных горячих точек вызывает у меня сомнения. EaselJS может быть решением.

В качестве альтернативы можно использовать обычную галерею изображений javascript и разместить на ней несколько фиксированных точек доступа.

На самом деле это базовая настройка mvc, у меня есть галерея изображений, горячие точки и боковая панель. Должен ли я использовать библиотеку javascript mvc, такую ​​как http://javascriptmvc.com/ или backbone.js

Итак, мой вопрос на самом деле: какова была бы лучшая установка с учетом производительности и некоторой базовой анимации?

Спасибо.

другие интересные ссылки, которые я нашел:

• http://processingjs.org
• http://raphaeljs.com
• ...

Answer 1

Если вы отображаете большие изображения или ожидаете, что у пользователей будут более старые браузеры или браузеры без текущего ускорения графического процессора, то для этого всегда следует использовать стандартные элементы HTML4.Использование canvas является излишним и вызовет у вас боль позже, если вы не слишком опытны с ним.

С изображениями на основе DOM у вас уже есть события щелчков и вы даже можете использовать карты изображений для создания областей щелчков.С canvas вы должны кодировать свое собственное обнаружение щелчков и сопоставлять положение мыши с регионом, чтобы проверять наличие щелчков.

В общем, самое простое решение, как правило, самое лучшее, и для производительности и простоты разработки, canvas непуть вперед, на мой взгляд.