有没有一种库可以在图像上粘贴一个缩放按钮,并允许逐步进行放大和缩小?

11

是否有任何库或组件可以实现类似Photoshop或PDF的缩放效果,使我能够让用户通过点击图片进行缩放?我希望支持多次缩小和多次放大。

我想要每个用户都能够像这样自由地操作: https://addons.mozilla.org/en-US/firefox/addon/139


出于好奇,你为什么让它自动接受答案?这不仅只给了一半的赏金,而且你还失去了表达你喜欢哪个答案的权利。 - Gregory Pakosz
嗯,我没有意识到它只给了一半的赏金。抱歉。 - leora
一半的赏金遗憾且不是什么大问题,但是你不能像普通问题答案那样更改自动接受的赏金答案。 - Gregory Pakosz
我也没有意识到这一点。我不明白为什么不能更改自动接受的答案逻辑。你已经支付了赏金,为什么要创建新的限制呢? - leora
4个回答

12

10
你可以使用 Google Maps API 实现这一点。你需要做的就是生成自定义地图瓦片。这里有一个不错的教程编辑:刚刚发现另一个网站也使用了同样的技术。
我还发现了一些不基于 Google Maps API 的替代方案(我认为第一个是最好的):
  1. Microsoft's Seadragon
  2. http://ditchnet.org/dhtmlgallery/slider.html
  3. http://www.oneblackbear.com/zoom/index.html
  4. http://www.rborn.info/moozoom.php
关于这个主题的其他问题:
  1. 使用 JavaScript 进行图像缩放?
  2. 用 JavaScript 进行图像缩放和平移
  3. JavaScript / jQuery 图像缩放插件
编辑:如果你有非常大的图像,你可以将文件上传到GigaPan(SM)并在你的网站上嵌入它们。

我认为一般来说,使用Google Maps API是个好主意,但对于简单的任务(如在图片上添加+和-按钮)来说过于繁琐了。另一方面,原帖作者可能会喜欢它。我们拭目以待。 - Pekka
@Pekka 可能确实有些过头了,但 Google Maps API 是可靠的、文档完备的和轻量级的。 - jbochi
@Gaby,您倾向于哪一个提议的解决方案? - jbochi
顺便说一句,我没有抱怨,但我觉得使用谷歌地图API有些过头了。 - Gregory Pakosz
如果我不知道图像的大小,我不敢说这是过度设计。 - jbochi

2

我对这个有些困惑。你是否需要在此处使用某些单独的服务,还是可以直接获取源代码并将其嵌入到您的网站中。看起来似乎需要支付并注册一些服务器端服务。 - leora

1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接