Глубокое увеличение Ajax - возможно? Есть какие-нибудь примеры?

Question

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

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

Я никогда не пробовал ничего подобного раньше, и меня особенно интересует, будет ли DHTML способен на такой масштаб (я подозреваю, что нет, и мне придется прибегнуть к Silverlight) и будет ли выполнение Ajax непрерывным пока поток рендеринга в браузере занят масштабированием.

Answer 1

Для глубокого увеличения изображений в JavaScript / Ajax есть отличная библиотека Seadragon Ajax от Microsoft Live Labs.

Если вы ищете плавное и интерактивное масштабирование контента помимо изображений, таких как текст , видео и векторы , взгляните на открытый исходный код OpenZoom SDK Я разработал за последние пару месяцев.

Answer 2

Возможно, вы не смогли бы добиться очень плавного масштабирования с помощью интерфейса типа javascript / ajax, но интерфейс масштабирования был бы возможен. В прагматичной книге ajax есть отличная глава по реализации клона карт Google. Нет необходимости ограничивать технику увеличением или уменьшением мозаичных изображений. Элементы изображения могут также быть любым HTML, который вы хотите. Эффект затухания можно применить к операции масштабирования, поэтому при перемещении вверх и вниз по слою вы получите нечто похожее на то, что вы описали. Я рекомендую взять книгу (Это прагматичная книга для программистов, поэтому есть дешевая и доступная для скачивания PDF-версия, доступная для скачивания. Прочитайте главу, подумайте о методах, а затем посмотрите, считаете ли вы, что это полезно для вашего зрения.

Answer 3

Seadragon Ajax продолжает развиваться и теперь является OpenSeadragon:

http://openseadragon.github.io/

Я также вел список различных технологий масштабирования, многие из которых используют JavaScript:

https://github.com/iangilman/zooming

Answer 4

Проверьте эффект «масштабирования» в jQuery. Вот ссылка. Я сам ею не пользовался, но она может делать то, что вы хотите Вам бы пришлось поменять некоторый контент для другого контента в нужной точке, иначе ваш html станет слишком большим.

Answer 5

Я не верю, что ajax или dhtml - это хорошие решения для того, чего вы пытаетесь достичь. Я думаю, что flash / flex или silverlight могут быть лучшим вариантом.