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

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