如何实现像谷歌地图那样的缩放技巧?

发布于 2024-10-18 22:45:11 字数 328 浏览 2 评论 0原文

我想重新表述问题我之前问过。

假设有三个不同尺寸的图像:小、中、大。它们代表的图片基本相同,但分辨率不同,因此略有不同。

我想先显示一个小图像。当用户放大它时,我想将其替换为中号。现在用户可以拖动图片并在窗口中滚动它。当用户缩小中图像时,我想用小图像替换它,等等。我想谷歌地图也会做同样的事情。

在 javascript 中实现这个技巧的最佳方法是什么(flash 是第二个选项)?

I would like to rephrase the question I asked before.

Let's say there are three images of different size: small, medium, and large. They represent basically the same picture but with different resolutions and so they are slightly different.

I would like to display a small image first. When a user zooms it in I would like to replace it with the medium one. Now the user can drag the picture and scroll it in the window. When the user zooms out the medium image, I would like to replace it with the small one, etc. I guess Google Maps does the same trick.

What is the best way to implement this trick in javascript (flash is the second option) ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

滥情稳全场 2024-10-25 22:45:11

缩放开始时:

  1. 开始图像预加载。
  2. 开始放大动画。
  3. 当两者都结束时,只需用缩放较少的图像替换缩放较多的图像即可。
  4. ???
  5. 利润!

类似的缩小算法。

On zoom start:

  1. Start image preloading.
  2. start zoom in animation.
  3. When both would end, just replace more zoomed images with less zoomed.
  4. ???
  5. PROFIT!

The similar algorithm for zoom out.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文