使用Javascript放大的圖像視口

我想在html頁面的視口內顯示巨大的圖像。我希望能夠將圖像拖放到視口中，就像在Google地圖中一樣。使用Javascript放大的圖像視口

任何圖書館，我可以找到這樣的組件？

在此先感謝

2010-04-28 pakore

杜佩。檢查http://stackoverflow.com/questions/1763203/turning-a-div-into-a-click-and-drag-viewport – 2010-04-28 11:59:11

謝謝，我沒有找到它第一次，當我試圖找到愚蠢。 – pakore 2010-04-28 12:21:23

檢查這個壞小子出來 - >http://www.ajax-zoom.com/

編輯

2010-04-28 11:59:25

不錯的一個！ ----- – 2010-04-28 11:59:51

不幸的是，ajax-zoom是php的依賴。 – pakore 2010-04-28 12:29:31

是的，你的編輯更便攜，謝謝！ :) – pakore 2010-04-28 13:00:36

您可能可以使用SeaDragon。技術和界面工作得很好。按照developer link有很多選擇。

2010-04-28 12:19:38 brainjam

有沒有什麼辦法可以避免使用.dzi文件並直接使用.jpg文件？這個工具看起來非常好，但使用.dzi的事實令人討厭：（ – pakore 2010-04-28 12:41:59

@pakore：同意。他們的實現很好，但我從來沒有超越將jpg放在他們的服務器上，然後將它們嵌入到頁面中。 - 但是在其他答案中建議的解決方案可能會更好地滿足您的需求 – brainjam 2010-04-28 14:18:50

-1

您可以嘗試使用簡單的JavaScript窗口對象（如鼠標指針定位器），然後使用它來更改圖像的背景位置，該位置將作爲放大圖像。這裏是完整的教程：http://www.hklabs.org/articles/image_zooming_with_javascript

2013-09-29 04:21:54 Kaushik

與其要求我們點擊您的博客文章，您能否在您的答案中發佈相關信息？包含。 – 2013-09-30 20:02:35

LInk不再有效。 – mmcglynn 2015-06-08 11:45:03

回答