javascript - 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 属性。缩放、缩放和过渡。

你去了，希望我指出你正确的方向。