CN105578303A - 一种图像处理方法 - Google Patents

Abstract

本发明公开了一种图像处理方法，其特征是：包括以下步骤：1)视频抓拍控件获取本地视频采集设备列表、指定设备支持分辨率列表；2)选择设备采集分辨率发出指令到视频抓拍控件；3)将采集追加、采集插入发出指令到视频抓拍控件，视频抓拍控件进行视频图像采集，并将采集图像发送到图像浏览组件；4)图像浏览组件接收采集图像及本地添加的图像；5)利用鼠标在图像浏览组件不同图像上移动激活鼠标所在图像，并在视频抓拍控件中显示图像进行预览。本发明可添加本地图像支持资源管理器选择方式，且不添加任何控件，并可实现图像的快速交换、位置变动，支持图像快速移动顶部或底部，支持多图像同时移动。

Description

一种图像处理方法

技术领域

本发明涉及一种图像的处理方法。

背景技术

现有技术中的图像插件支持多幅图像的快速浏览，单幅图像的详细预览功能，且一般都是以JavaScript脚本、Jquery插件方式存在，也有少部分以ActiveX控件方式存在但需要客户端安装相应控件。但现有的插件存在以下问题：A、对于客户端需要安装相应控件的，依赖于客户端环境，且往往控件没有签名而引起浏览器安全上限制而无法正常使用；B、部分以JavaScript脚本存在的没有插件使用方便；C、没有图像文件的编辑功能，如追加、插入、添加本地文件、删除等功能；D、没有图像列表的重新排序功能；E、没有集成视频监控、采集功能的扩展接口，以便于为应用系统快速添加高拍仪快速扫描资料、实物等的入档功能。

另一方面，在B/S编程模式下，浏览器为保证系统安全是不直接支持选择本地文件的，为突破这一限制，插件中采用浏览器唯一支持选择本地文件的上传元素inputtype＝file，但加入该元素存在有输入框或无法设置样式的按钮，既难看也使用不方便且会给用户造成误解。

因此本领域技术人员致力于开发一种在图像预览基础上支持图像编辑、快速重新排序、图像采集，支持选择本地图像文件的图像处理方法。

发明内容

有鉴于现有技术的上述缺陷，本发明所要解决的技术问题是提供一种在图像预览基础上支持图像编辑、快速重新排序、图像采集，支持选择本地图像文件的图像处理方法。

为实现上述目的，本发明提供了一种图像处理方法，其特征是：包括以下步骤：

1)视频抓拍控件获取本地视频采集设备列表、指定设备支持分辨率列表；

2)选择设备采集分辨率发出指令到视频抓拍控件，视频抓拍控件设定分辨率并实时展示摄像头捕捉到的视频；

3)将采集追加、采集插入发出指令到视频抓拍控件，视频抓拍控件进行视频图像采集，并将采集图像发送到图像浏览组件；

4)图像浏览组件接收采集图像及本地添加的图像，并接收控制端发出的图像删除、清除、排序等操作指令；

5)利用鼠标在图像浏览组件不同图像上移动激活鼠标所在图像，并在视频抓拍控件中显示图像进行预览。

较佳的，图像浏览组件按如下步骤操作：

第一步：继承panel面板插件的属性，并建立画廊插件的自己缺省属性；

第二步：继承panel面板的选项解析方法及自己选项解析方法；

第三步：实现自己的公共方法；

第四步：构造函数创建panel组件并继承其提供的方法，并在panel的header创建工具条，在body创建图像预览列表；

第五步：实现图像选择、删除、添加、移动的方法并与工具按钮相应操作绑定。

本发明的有益效果是：本发明可添加本地图像支持资源管理器选择方式，且不添加任何控件，并可实现图像的快速交换、位置变动，支持图像快速移动顶部或底部，支持多图像同时移动。

附图说明

图1是本发明一具体实施方式的原理示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步说明：

如图1所示，一种图像处理方法，其特征是：包括以下步骤：

1)视频抓拍控件获取本地视频采集设备列表、指定设备支持分辨率列表；

2)选择设备采集分辨率发出指令到视频抓拍控件，视频抓拍控件设定分辨率并实时展示摄像头捕捉到的视频；

3)将采集追加、采集插入发出指令到视频抓拍控件，视频抓拍控件进行视频图像采集，并将采集图像发送到图像浏览组件；

4)图像浏览组件接收采集图像及本地添加的图像，并接收控制端发出的图像删除、清除、排序等操作指令；

5)利用鼠标在图像浏览组件不同图像上移动激活鼠标所在图像，并在视频抓拍控件中显示图像进行预览。

图像浏览组件按如下步骤操作：

第一步：继承panel面板插件的属性，并建立画廊插件的自己缺省属性；

第二步：继承panel面板的选项解析方法及自己选项解析方法；

第三步：实现自己的公共方法；

第四步：构造函数创建panel组件并继承其提供的方法，并在panel的header(头部)创建工具条，在body(表体)创建图像预览列表；

第五步：实现图像选择、删除、添加、移动的方法并与工具按钮相应操作绑定。

利用上述方法形成的画廊插件可分为三个区域：工具栏区域、实时视频显示区域、采集图像浏览区域。其中工具栏区域包括：视频采集设备列表，供用户选择所用的视频采集设备，支持所有网络摄像头，如高拍仪、笔记本电脑摄像头、摄像机、手机摄像头等；视频设备支持分辨率列表，供用户选择采集分辨率和实时视频预览显示分辨率；视频采集操作，如采集追加、采集插入、图像清除。

实时视频显示区域包括：显示实时采集视频；图像浏览模式下显示当前激活的图像预览。

采集图像浏览区域包括：本地图像或网络图像添加或插入到图像列表；图像列表选择图像删除功能，支持多选功能；图像列表选择图像排序功能，支持多选功能；支持图像列表鼠标移动时激活功能，并在实时视频展示区显示激活图像的详细图像。

画廊插件是用JavaScript在Jquery基础上开发的一个EasyUI插件，该插件继承于panel面板插件，实现一系列图像的预览、添加、删除、排序等功能，可应用于B/S系统中需要本地、网络、应用程序图像的预览、编辑、排序等场景，支持Jsp、Php、Asp等常见的B/S编程语言；该插件功能丰富、稳定可靠、支持多种模式控制，并可基于视频抓拍控件扩展出更丰富的集视频监控、视频采集、图像预览、图像操作、图像储存于一体的视频图像管理功能。

上述画廊插件可在需要放置选择按钮或图像的地方放置一个图片或按钮控件，然后添加上传元素控件并将该控件透明化作为遮罩来实现美丽外观又能选择文件的目的。并且，利用Jquery的文档处理能力before、after方法实现图像的快速交换、位置变动，支持图像快速移动顶部或底部，支持多图像同时移动。

以上详细描述了本发明的较佳具体实施例。应当理解，本领域的普通技术人员无需创造性劳动就可以根据本发明的构思作出诸多修改和变化。因此，凡本技术领域中技术人员依本发明的构思在现有技术的基础上通过逻辑分析、推理或者有限的实验可以得到的技术方案，皆应在由权利要求书所确定的保护范围内。

Claims (2)

1.一种图像处理方法，其特征是：包括以下步骤：

1)视频抓拍控件获取本地视频采集设备列表、指定设备支持分辨率列表；

2)选择设备采集分辨率发出指令到视频抓拍控件，视频抓拍控件设定分辨率并实时展示摄像头捕捉到的视频；

3)将采集追加、采集插入发出指令到视频抓拍控件，视频抓拍控件进行视频图像采集，并将采集图像发送到图像浏览组件；

4)图像浏览组件接收采集图像及本地添加的图像，并接收控制端发出的图像删除、清除、排序等操作指令；

5)利用鼠标在图像浏览组件不同图像上移动激活鼠标所在图像，并在视频抓拍控件中显示图像进行预览。

2.如权利要求1所述的图像处理方法，其特征是：所述图像浏览组件按如下步骤操作：

第一步：继承panel面板插件的属性，并建立画廊插件的自己缺省属性；

第二步：继承panel面板的选项解析方法及自己选项解析方法；

第三步：实现自己的公共方法；

第四步：构造函数创建panel组件并继承其提供的方法，并在panel的header创建工具条，在body创建图像预览列表；

第五步：实现图像选择、删除、添加、移动的方法并与工具按钮相应操作绑定。