NET平台耦合Silverlight的图像系统开发

栗少萍

山东科技职业学院，山东潍坊261053

NET平台耦合Silverlight的图像系统开发

栗少萍

山东科技职业学院，山东潍坊261053

针对HTML开发的图像浏览系统界面单调、数据传输缓慢等不足，运用最新的Silverlight技术开发出全新的图像浏览系统。在NET平台下设计了由测量模块、局部放大模块、色彩调整模块等组成的图像浏览系统。通过与基于HTML5的图像浏览效果比较，基于Silverlight的图像浏览系统更具有良好的用户体验。实验结果表明：基于Silverlight的本系统应用在图像浏览上具有更好的效果，在工程上应用是可行的。

Silverlight；图像浏览；用户体验；HTML5

在很多实际应用领域，运用高清晰度图像浏览技术从图像中提取信息，具有巨大的意义。因此，图像浏览技术一直是国内外图像处理领域研究的热点［1，2］。

目前很多领域的图像处理系统中使用的图像数据量极大，这类系统会产生较大的消耗，对硬件配置有较高的要求，使用成本比较高，从而限制了图像的使用范围，不能充分发挥其价值［3，4］。开发出看图方便、快速并保证图像的高清晰度的软件是发展趋势。

本文提出一种基于Silverlight的图像浏览系统的设计方法。给出图像浏览系统结构和实现方法，在.NET平台下设计了由图像测量、图像局部放大、图像色彩调节组成的基于Silverlight的图像浏览系统。

1 开发技术

RIA是一种具有高度互动性和丰富用户与体验的WEB应用程序，它的出现实现了客户端和服务器端之间数据处理的平衡。在更新数据时，RIA技术将客户端界面划分为若干个独立的模块，待更新数据的模块与服务器间进行异步交互，并不需要刷新整个界面。同时，RIA技术还具有客户端缓存数据这一大优势，从而可以实现一个数据往返于服务器的次数更少、比基于HTML的响应速度更快的用户界面［5，6］。

Silverlight是一种跨浏览器、跨客户平台的技术，是微软公司发展RIA应用程序策略的主要开发平台。它提供了一个能够开发出具有专业图形、音频和视频的RIA应用程序的强大平台，增强了用户体验。同时，还提供了强大的工具和丰富的组件来提高程序开发的效率。目前Silverlight是HTML5的主要竟争对手［7，8］。

HTML5作为取代HTML4.01和XHTML1.0的新HTML标准版本，不仅在原有基础上强化了Web网页的表现性能，还追加了本地数据库等RIA应用的功能，无需安装任何插件即可运行RIA应用程序。但与Flex和Silverlight相比，HTML5仍处在发展阶段，在兼容性、安全性、以及开发效率等方面还存在许多不足［9，10］。

本文涉及并实现的图像浏览系统中的关键技术：图像测量、图像局部放大、图像色彩调节，都基于Silverlight实现。图像浏览效果，实时性强、反应快速、界面友好、具有很好的用户体验，符合新一代富客户端的发展要求。

系统总体设计与关键技术编码实现

系统主要包括3个部分：图像测量、图像局部放大、图像色彩调节。系统结构图如图1所示。

图1 系统结构图Fig.1 Structure of system

1.1 图像测量

图像测量包括距离测量和面积测量。距离测量为两点距离，由鼠标选定一点，拖动，再选定一点而获得两点坐标。面积测量为鼠标圈定区域的像素点，经过换算得该区域的面积。

部分关键代码：

1.2 图像局部放大

对鼠标停留的坐标区域，进行放大，即图像局部放大。有利于浏览者观察图像的细节，类似放大镜的功能。

部分关键代码：

1.3 图像色彩调节

调节图像亮度、对比度、RGB三色，实时显示调节效果。有利于浏览者对图像的观察，改善图像浏览效果。

部分关键代码：

2 实验结果与分析

硬件环境：CPU为AMD Athlou 64 X2 DualCore Processor3600+，主频2.0 GHZ，内存2.0 G。软件环境：Windows7，VS2010开发平台，Silverlight5.0。基于Silverlight的图像浏览系统主界面如图2所示；基于Silverlight的图像浏览系统测距与测面积效果图如图3所示；基于Silverlight的图像浏览系统局部放大效果图如图4所示；基于Silverlight的图像浏览系统色彩调节效果图如图5所示；基于HTML5的图像浏览系统主界面如图6所示。

图2 基于Silverlight的图像浏览系统主界面Fig.2 Interface of image browser on Silverlight

图3 基于Silverlight的图像浏览系统测距与测面积效果图Fig.3Thedistanceandareadetermined withbrowseronSilverlight

图4 基于Silverlight的图像浏览系统局部放大效果图Fig.4 Enlarged local part of browser on Silverlight

图5 基于Silverlight的图像浏览系统色彩调节效果图Fig.5 Color adjustment for browser on Silverlight

图6 基于HTML5的图像浏览系统主界面Fig.6 Main interface of browser on HTML5

通过图2和图6的比较，相比基于HTML5的图像浏览系统，基于Silverlight的图像浏览系统更具有良好的用户体验，具有更多的功能如测量功能、局部放大功能、色彩调节功能。如图3所示，本系统的测量功能可以准确测量出所选区域的面积和距离。如图4所示，本系统的局部放大功能可以对鼠标停留位置的图像进行局部放大。如图5所示，本系统的色彩调节功能可以对图像进行亮度、对比度、RGB三色调节。

本文的基于Silverlight的图像浏览系统具有更好的用户体验和界面，看图时读取数据流畅，缓冲速度快。

3 结语

本文基于NET和Silverlight软件平台下，给出了一个Silverlight在图像浏览系统中的应用研究与实现过程。本文设计和实现的图像浏览系统可作为一个子系统，嵌入到更大的图像处理系统，相信能在图像浏览方面得到更广泛的应用。本系统图像浏览效果，实时性强、反应快速、界面友好、具有很好的用户体验，符合新一代富客户端的发展要求。

［1］郑磊琦.Silverlight在医学网络课程中的应用［J］.中国科技信息，2012，39（1）：125-128

［2］Xie Zhengxiang，Wang Zhifang，Li Xiafu.Adaptively opti-mal compensation for vision contrast resolution and machine vision.Proceedings of the 3rdInternationalCongress on Image and Signal Processing（CISP 2010）2010，3（2）：213-216

［3］施佺.基于Silverli的海洋环境监测信息平台设计与实现［J］.计算机应用与软件，2011，25（3）：59-63

［4］蒋友好.RIA技术在医疗设备报修系统中的应用［J］.中国医疗器械杂志，2013，32（7）：1875-1878

［5］XuXY，XuSZ，JinLH，etal.CharacteristicAnalysisofOtsuThresholdandItsApplications［J］.PatternRecognition，2011，2（1）：124-128

［6］王剑斐.Silverlight技术的图文工作管理系统的实现［J］.软件导刊，2011，31（3）：711-714

［7］吴鑫森.基于Silverlight和WCF的设备管理系统的设计与开发［J］.组合机床与自动化加工技术，2013，5（4）：24-26

［8］PlissitiM E，NidouC，CharchantiA.Watershed-basedsegmentationofcellnucleiboundariesonPapsmearimages.201010 thIEEEInternationalConferenceonInformationTechnologyandApplicationsinBiomedicine，2011，2（4）：145-149

［9］梁涛.基于Silverlight的柔性生产报表系统的设计［J］.计算机工程与设计，2013，34（7）：2578-2579

［10］付丽连.基于Silverlight的可变工序生产成本管理系统的研究与开发［J］.组合机床与自动化加工技术，2013，5（5）：134-139

Development of Image System Based on Silverlight and NET

LI Shao-ping
Shandong Vocational College of Science&Technology，Weifang 261053，China

The system developed by HTML has a lot of inadequacies such as monotonous inter-face，slow data transfer.To solve this problem，a new image browsing system was designed and which utilized new Silverlight.The image browsing system is designed based on NET platform，including measurement module，partial enlargement module，color adjustment module.The image browsing based on Silverlight have better user experience by comparison with the image browsing based on HTML5.Experimental results show that the system based on Silverlight achieve better effect in image browsing，and it is feasible in engineering.

Silverlight；image browsing；user experience；HTML5

TP391

A

1000-2324（2015）01-0106-04

2013-05-20

2013-05-28

栗少萍（1970-），女，山东潍坊人，汉族，硕士，副教授.研究方向：控制理论与控制工程.E-mail：lsp29@163.com