[发明专利]在线编辑图片的方法和装置

说明书

技术领域

本发明涉及网络数据处理技术，尤其涉及一种在线编辑图片的方法和装置。

背景技术

随着互联网技术的发展，业界通过各种网络应用技术开发出了越来越丰富的互联网应用，满足了互联网用户的不断需求。

在许多网络应用中都需要使用网络图片，例如在注册用户的头像中需要使用网络图片。由于这些网络图片的显示尺寸和大小有比较严格的要求，因此需要对原始图片进行处理才能作为网络图片使用。

目前大部分网络应用系统中只是对原始图片进行相对压缩处理后，将压缩后的图片作为用户头像的网络图片，不具备在线(即在网页)对原始图片的编辑功能。

目前也出现了能够在网页中对图片进行编辑的技术，其主要技术方案是通过flash插件实现图片的编辑和预览功能，用户通过浏览器访问网络应用系统的页面时，需要从服务器下载该flash插件并加载到浏览器中，最后浏览器利用该flash插件编辑原始图片，最后再把编辑好的图片上传给服务器作为网络图片使用，例如作为用户头像使用。

现有技术的缺点：

一)兼容性差。所述通过Flash插件实现的在线编辑图片的方案，严重依赖于浏览器和flash的版本，对于低版本的浏览器和flash，则无法正常使用所述在线编辑图片的功能。另外某些应用广泛的便携智能终端也缺乏对flash的支持，例如目前广泛应该的iPad平板电脑不支持flash，因此，flash插件实现的在线图片编辑功能在iPad等便携智能终端的网页访问中完全无法使用。

二)处理速度和效率差。Flash插件编译出来体积会相对于纯粹的网页脚本大得多，用户需要下载这个插件才可以使用，在网页传输中会大大影响网络速度，进而影响处理速度，中间很有可能出现停滞等待的情况；并且对于电脑操作系统老旧、浏览器版本较低(如IE6)的情况下，flash插件的处理速度和效率非常差。

发明内容

有鉴于此，本发明的主要目的在于提供一种在线编辑图片的方法和装置，以提高在线编辑图片功能的兼容性、处理速度和处理效率。

本发明的技术方案是这样实现的：

一种在线编辑图片的方法，包括：

服务器端根据客户端的指令将待编辑图片传输给客户端展示；

客户端生成编辑框并置于所述待编辑图片之上，并监听对所述编辑框的操作指令，根据监听到的操作指令对所述编辑框进行移动和缩放；

客户端将所述编辑框在所述待编辑图片上的相对区域参数上传给服务器；

服务器根据所述相对区域参数编辑处理所述待编辑图片，生成最终图片。

一种在线编辑图片的装置，该装置包括：

客户端的指令发起模块，用于监听对图片的指令并通知服务器；

服务器的图片传输模块，用于将待编辑图片传输给客户端；

客户端的图片展示模块，用于展示所述待编辑图片；

客户端的编辑框处理模块，用于生成编辑框置于所述待编辑图片之上，并监听对所述编辑框的操作指令，根据监听到的操作指令对所述编辑框进行移动和缩放；

客户端的参数上传模块，用于将所述编辑框在所述待编辑图片上的相对区域参数上传给服务器；

服务器的图片编辑处理模块，用于根据所述相对区域参数编辑处理所述待编辑图片，生成最终图片。

与现有技术相比，本发明利用客户端展示图片和编辑框，并接收指令展示编辑框的调整状况，调整好后将相关的编辑框在待编辑图片上的相对区域参数上传给服务器，由服务器根据这些参数对图片进行实质的编辑处理。本发明客户端的所有操作都可以通过纯客户端脚本技术如javascript来完成，因此可以不借助任何插件(如flash)，通过客户端和服务器的配合完成图片的在线编辑功能，可以提高在线编辑图片功能的兼容性，保证了目前大多数浏览器均可正常进行图片的在线编辑，无需考虑用户安装的flash插件版本。同时，由于不需要下载flash插件，也不受操作系统和flash版本的影响，因此本发明在线编辑图片的速度和处理效率也得到了提高。

附图说明

图1为本发明所述在线编辑图片的方法的一种流程图；

图2为显示待编辑图片以及默认编辑框的示意图；

图3为编辑区域和预览区域的初始示意图；

图4为进行编辑操作时编辑区域和预览区域的示意图；

图5为本发明所述在线编辑图片的装置的一种组成示意图；

图6为本发明所述在线编辑图片的装置的另一种组成示意图；

图7为所述预览模块的内部组成图。