2012-09-20 30 views
5

我必须开发图像查看器应用程序。所设计的应用程序应该具有以下特点html5中的图像查看器

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

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

  1. 会有什么更好的方法来开发这样的应用,我的意思是无论它是使用Asp.net控制或标准HTML控件
  2. 在开发这样的应用HTML5的任何范围实施?
  3. 我可以得到任何用JavaScript或jQuery编写的可定制的开源项目吗?
+0

您正在寻找这样的事情:http://vectorflower.com/preview/smooth_zoom/full_screen.html –

+0

是的。没关系。但它是许可的。我可以得到任何指导建立这样的应用程序 – KiranPalode

+0

查看我的答案获取更多信息 –

回答

3

我的问题的答案:

  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

0

对于我来说,

  1. 我会用HTML,
  2. 使用HTML5,如果你能CSS3,
  3. 是的,有很多。只需输入你需要的东西。看起来你正在建造的是一个图像滑块/图库。网上有很多人。只要找到它。

如果你必须从头开始构建它,你可以做的是研究,这些css属性。缩放,缩放和转换。

你走了,希望我指出你在正确的方向。