如何制作像谷歌地图这样的缩放工具来缩放图像？

Question

我想问一下我的项目。所以，我有一个网页来显示图片。但是我希望人们可以通过点击图片来放大图像，当他们想要看到更多关于该图像的细节时，比如Google中的缩放工具。有人能告诉我怎么做吗？谢谢。

Answer 1

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

• 对于小图像(几个Mo)，您可以将图像发送到浏览器，让一个小脚本处理鼠标和车轮，并在画布上绘制图像的可见部分。
• 如果你有很大的图片，你需要一个类似谷歌地图的解决方案。谷歌地图变焦的有趣之处在于，你的浏览器永远得不到整个高清晰度地图，而只有“瓷砖”，这是屏幕分辨率的一小部分。您需要一个服务器端库来裁剪大图像并构建瓷砖。有很多是可用的(我是用Java制作的)，它取决于您选择的服务器端语言(例如，google“平铺缩放库your_language”)。您需要一个(有点复杂的)脚本浏览器端来获取、管理和显示这些瓷砖。