html5中的圖像查看器

Question

我必須開發圖像查看器應用程序。所設計的應用程序應該具有以下特點

1. 放大功能
2. 縮小功能
3. 放大功能
4. 平移功能
5. 圖像概述功能

我有開發應用程序在Asp.net應用程序。我有以下問題

1. 會有什麼更好的方法來開發這樣的應用，我的意思是無論它是使用Asp.net控制或標準HTML控件
2. 在開發這樣的應用HTML5的任何範圍實施？
3. 我可以得到任何用JavaScript或jQuery編寫的可定製的開源項目嗎？

Answer 1

我的問題的答案：

1. 我會用HTML，因爲你並不需要從服務器上任何東西。
2. 有，你可以搜索谷歌的信息。
3. 看看下面的信息。

我會嘗試以下操作：

1. 查找所需的功能的例子。
2. 剝去這些例子，並根據您的要求再次構建它們。
3. 爲圖像創建一個持有者。您可以使用jQuery和AJAX從服務器加載圖像
4. 實現縮放，平移的控件。使用您在步驟2中創建的實現

在互聯網上有很多信息可以找到。一些例子是：

放大

http://www.tripwiremagazine.com/2012/07/jquery-image-zoom.html

平移

http://manos.malihu.gr/jquery-image-panning

概述

http://www.designzzz.com/jquery-slide-show-image-gallery-tutorials-downloads/

教程平移和縮放與HTML5畫布

http://my.safaribooksonline.com/book/web-development/html/9781449308032/images-on-the-canvas/zooming_and_panning_an_image

Answer 2

對於我來說，

1. 我會用HTML，
2. 使用HTML5，如果你能CSS3，
3. 是的，有很多。只需輸入你需要的東西。看起來你正在建造的是一個圖像滑塊/圖庫。網上有很多人。只要找到它。

如果你必須從頭開始構建它，你可以做的是研究，這些css屬性。縮放，縮放和轉換。

你走了，希望我指出你在正確的方向。