html5中的图像查看器

Kir*_*ode 5 javascript html5 asp.net-mvc-3 html5-canvas

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

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

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

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

Rob*_*ier 3

我对你的问题的回答:

  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