深入放大Ajax - 可能吗？有什么例子吗？

Question

我有一个想法是在浏览器中实现一个深度缩放类型界面，用于运动训练数据（速度，距离，心率等）。但是，我实际上想要放大图像的层次结构而不是图像。例如，初始显示将包含一个年的网格 - 例如，在2008年上空盘旋，旋转鼠标滚轮（或点击）将缩放到那一年但在缩放期间我希望2008年淡出并被日历替换几个月再次缩放到一个月，月份将替换为月历，缩放到一天，最后看到一个图表，上面绘有训练数据。所有时间只有实际数据的日期会以某种方式突出显示。

我的问题是这是否可能，以及是否有人已经看过这方面的例子。我想象大多数情况下，下一级信息可以在浏览器中缓存（事实上，因为这是基于日历的，我可以计算大部分信息并缓存要突出显示的日期。）我还可以缩放在Ajax线程获取要显示的数据的同时进入空图表。

我之前从未尝试过这样的事情，我特别感兴趣的是DHTML是否能够进行这种缩放（我怀疑没有，我不得不诉诸Silverlight）以及Ajax执行是否会不间断而浏览器渲染线程一直忙于缩放。

Answer 1

对于JavaScript / Ajax中的图像深度缩放，Microsoft Live Labs提供了出色的Seadragon Ajax library。

如果您正在研究除text，视频和视频等图像之外的内容的流畅和交互式缩放。 vectors，请查看我在过去几个月中开发的开源OpenZoom SDK。

Answer 2

使用javascript / ajax类型界面可能无法实现非常平滑的缩放，但可以使用缩放界面。实用的ajax书有一个很好的章节来实现谷歌地图克隆。不需要将该技术限制为放大和缩小平铺图像。图像元素可以很容易地成为您想要的任何HTML。淡入淡出效果可以应用于缩放操作，因此当您在图层上下移动时，您会得到类似于您描述的内容。我建议抓住这本书（它是一本实用的程序员手册，因此有一本便宜且可立即下载的PDF版本。阅读本章，考虑技巧，然后看看你是否认为它对你的愿景很实用。祝你好运。

Answer 3

Seadragon Ajax继续发展，现在是OpenSeadragon：

http://openseadragon.github.io/

我一直在列出各种缩放技术，其中许多使用JavaScript：

https://github.com/iangilman/zooming

Answer 4

我不相信ajax或dhtml是你想要实现的目标的好方法。我认为flash / flex或silverlight可能是最好的选择。

Answer 5

查看jQuery中的“缩放”效果。 Here's a link.我自己没有使用它，但它可能能够做你想要的。您必须在正确的位置换出一些内容用于不同的内容，否则您的HTML会变得太大。