我有一个想法，在浏览器中实现一个深度缩放类型的界面，用于运动训练数据（速度、距离、心率等）。但是，我实际上想要放大的是信息层次结构，而不是图像。例如，初始显示将包含年份网格 - 例如，将鼠标悬停在 2008 年，然后旋转鼠标滚轮（或单击）将放大该年份，但在缩放期间我希望 2008 淡出并替换为日历个月。再次放大一个月，月份将替换为月份日历，放大一天，您最终会看到一个图表，上面绘制了训练数据。一直以来，只有具有实际数据的日期才会以某种方式突出显示。
我的问题是这是否可能，以及是否有人已经看过这样的例子。我想象大多数时候下一级信息可以缓存在浏览器中（事实上，因为这是基于日历的，我可以计算其中的大部分并缓存要突出显示的日期。）我也可以缩放在 Ajax 线程获取要显示的数据时放入一个空图表。
我以前从未尝试过这样的事情，我特别感兴趣的是 DHTML 是否能够进行这种缩放（我怀疑没有，我将不得不求助于 Silverlight）以及 Ajax 执行是否会不间断而浏览器渲染线程一直忙于缩放。
【问题讨论】：
对于在 JavaScript/Ajax 中对图像进行深度缩放，Microsoft Live Labs 提供了出色的 Seadragon Ajax library。
如果您希望对除图像以外的内容进行平滑和交互式缩放，例如text、视频和vectors，请查看我在过去几个月开发的开源OpenZoom SDK。
【讨论】：
您可能无法使用 javascript/ajax 类型的界面实现非常平滑的缩放，但可以使用缩放界面。实用的 ajax 书有一章很好地介绍了实现 Google 地图克隆。该技术无需仅限于放大和缩小平铺图像。图像元素可以很容易地成为您想要的任何 HTML。可以将淡入淡出效果应用于缩放操作，因此当您上下移动图层时，您会得到类似于您所描述的内容。我建议拿起这本书（它是一本实用的程序员书籍，因此有一个便宜且可立即下载的 PDF 版本。阅读本章，思考这些技术，然后看看你是否认为它对你的愿景实用。祝你好运。
【讨论】：
Seadragon Ajax 不断发展，现在是 OpenSeadragon：
http://openseadragon.github.io/
我还列出了各种缩放技术，其中许多使用 JavaScript：
【讨论】：
我不认为 ajax 或 dhtml 是您想要实现的目标的好解决方案。我认为 flash/flex 或 silverlight 可能是最好的选择。
【讨论】：
查看 jQuery 中的“缩放”效果。 Here's a link.我自己没用过，不过说不定能做你想做的。您必须在正确的位置将一些内容换成不同的内容，否则您的 html 会变得太大。
【讨论】：