javascript - 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