html5中的图像查看器

Question

我必须开发一个图像查看器应用程序.设计的应用程序应具有以下功能

1. 放大功能
2. 缩小功能
3. 放大功能
4. 泛功能
5. 图像概述功能

我必须在Asp.net应用程序中开发应用程序.我有以下问题

1. 开发此类应用程序的更好方法是什么,我的意思是它是使用Asp.net控件还是标准HTML控件实现的
2. 在开发此类应用程序时是否有任何HTML5范围？
3. 我可以获得用javascript或jQuery编写的任何可自定义的开源项目吗？

Answer 1

我对你的问题的回答：

1. 我会使用 HTML，因为您不需要服务器提供任何内容。
2. 有的，你可以google一下信息。
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 canvas 进行平移和缩放的教程

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