php - 如何制作缩放工具来像谷歌地图一样缩放图像？

Question

我想问一下我的元素。所以，我有一个显示图像的网页。但我希望人们在想要查看有关图像的更多详细信息时可以通过单击图像来缩放图像，例如 Google map 中的缩放工具。有人能告诉我怎么做吗？谢谢。

Answer 1

如果您有非常大的图像或非常小的图像，您需要非常不同的解决方案:

• 对于小图像(几个 Mo)，您可以将图像发送到浏览器，然后有一个小脚本处理鼠标和滚轮，并在 Canvas 上绘制图像的可见部分。

• 如果您有非常大的图像，则需要类似于 Google map 的解决方案。谷歌地图缩放的有趣之处在于，您的浏览器永远不会获得完整的高清 map ，而只能获得“图 block ”，即屏幕分辨率的一小部分。您需要一个服务器端库来剪切大图像并构建图 block 。许多可用(我用 Java 制作了一个)，这取决于您选择的服务器端语言(例如谷歌“tiling zoom library your_language”)。并且您需要一个(有些复杂的)脚本浏览器端来获取、管理和显示图 block 。