CN100426727C

CN100426727C - 一种图像合成处理系统及方法

Info

Publication number: CN100426727C
Application number: CNB2005100352213A
Authority: CN
Inventors: 林松涛; 安春梅; 余美华; 张贝楠; 张剑
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2005-06-08
Filing date: 2005-06-08
Publication date: 2008-10-15
Anticipated expiration: 2025-06-08
Also published as: CN1878069A

Abstract

本发明适用于计算机通信领域，提供了一种图像合成处理系统及方法，所述系统包括前端系统，由客户端通过浏览器调用，用于接收图像合成数据，对所述图像合成数据进行编辑预览处理，并提取图像合成参数信息，将所述图像合成参数信息发送给后端系统，所述图像合成数据包括图片数据和文字数据；以及后端系统，用于根据前端系统提交的所述图像合成参数信息，对图像进行合成处理，保存合成的图像以及所述图像的网络路径信息，并将所述图像的网络路径信息返回客户端。通过本发明，可以实现个性化图像的灵活设置，同时便于图像的保存和网络展示传播，有利于提高用户的通信体验。

Description

一种图像合成处理系统及方法

技术领域

本发明属于计算机通信领域，尤其涉及一种对文字数据、图片数据进行图像合成的处理系统及方法。

背景技术

随着计算机通信技术的快速发展，越来越多的用户利用计算机进行相互之间的通信，在通信过程中，除了进行文字交流外，用户常常使用个性化的图像来展示自己的个性形象，这种个性化图像越来越多的应用于即时通信、网上聊天以及网络论坛等网络应用中。

在现有技术中，用户制作个性化图像的一种方案是用户对传统的图片进行各种个性化设计，然后将图片扫描成数码图像，上载在网络上进行展示传播。在这种方案中，个性图片的制作效率很低，对已经制作的数码图像不能再进行编辑处理，给用户带来很多不便。第二种方案是用户利用专用的图像处理软件，对数码图像进行各种个性化设计，然后将设计完成的图像放在网络上传播，这种方案一方面需要用户安装专用的图像处理软件，另一方面对用户的软件操作要求比较高，用户需要较长时间的学习才可以使用。第三种方案是在网络上使用网页程序动态合成技术，提供图片，允许用户在提供的图片上输入相应的文字，实现了一个相对小范围的自定制化，在这种方案中，用户往往只能选择固定的图片，对图片不能进行再编辑操作，无法输入自己设计的文字，不利于用户充分展示自己的个性，同时每次动态合成的图片不利于用户在其它地方展示，而仅仅只能通过一对一的用户传送链接的方式传播，难以做到在一个固定的位置发表后，展现给所有的用户。

综上所述，在现有技术中，用户在制作个性化图像时缺乏灵活性，不便于在网络上传播，给用户的个性化通信带来不便。

发明内容

本发明的目的在于解决现有技术中存在的用户在制作个性化图像时缺乏灵活性，不便于在网络上传播，给用户的个性化通信带来不便的问题。

为实现发明目的，本发明提供了一种图像合成处理系统，所述系统包括：

前端系统，由客户端通过浏览器调用，用于接收图像合成数据，对所述图像合成数据进行编辑预览处理，并提取图像合成参数信息，将所述图像合成参数信息发送给后端系统，所述图像合成数据包括图片数据和文字数据；以及

后端系统，用于根据前端系统提交的所述图像合成参数信息，对图像进行合成处理，保存合成的图像以及所述图像的网络路径信息，并将所述图像的网络路径信息返回客户端。

所述前端系统包括：

图片输入模块，用于输入图片数据；

文字输入模块，用于输入文字数据，所述文字数据包括文字内容和文字格式；

图像编辑器，用于提供图像编辑预览界面，接收图片输入模块输入的图片数据以及文字输入模块输入的文字数据，提取图像合成参数信息；

前端接口模块，用于将所述图像合成参数信息提交给后端系统。

所述后端系统包括：

图片数据库，用于以图片ID为索引存储图片数据；

图像数据库，用于以图像ID或者用户ID为索引存储所述图像的网络路径信息；

后端接口模块，用于接收前端系统提交的图像合成参数信息；

图像合成器，用于根据后端接口模块提交的所述图像合成参数信息，查询图片数据库，调用对应的图片数据，将所述图片数据和文字数据合成图像，保存所述图像及所述图像的网络路径信息，并将所述图像的网络路径信息返回客户端。

所述图像合成参数信息包括图片ID、文字内容以及文字格式。

所述图像为GIF格式或SWF格式。

所述系统进一步包括用于存储所述图像的存储器。

为了更好地实现发明目的，本发明进一步提供了一种图像合成处理方法，所述方法包括下述步骤：

A.前端系统接收客户端输入的图像合成数据，对所述图像合成数据进行编辑预览处理，所述图像合成数据包括图片数据和文字数据；

B.所述前端系统提取图像合成参数信息；将所述图像合成参数信息发送给后端系统；

C.所述后端系统根据所述图像合成参数信息对图像进行合成处理，保存合成的图像以及所述图像的网络路径信息；

D.所述后端系统将所述图像的网络路径信息返回给所述客户端。

所述方法进一步包括：

后端系统设置图片数据库的步骤，所述图片数据库用于以图片ID为索引存储图片数据；

后端系统设置图像数据库的步骤，所述图像数据库用于以图像ID或者用户ID为索引存储所述图像的网络路径信息。

所述图像为GIF格式或SWF格式。

所述方法进一步包括：

设置存储器存储所述图像的步骤。

通过本发明，可以实现个性化图像的灵活设置，同时便于图像的保存和网络展示传播，有利于提高用户的通信体验。

附图说明

图1是适用本发明的网络系统结构图；

图2是本发明提供的图像合成处理系统的结构图；

图3是本发明提供的图像合成处理方法的实现流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

图1示出了适用本发明的网络系统结构图，多个客户端100通过HTTP(Hyper Text Transfer Protocol，超文本传输协议)协议与服务器200通信。典型的客户端是一台PC(Personal Computer，个人电脑)机，具有键盘101、显示器102、CPU(Center Process Unit，中央处理器)103、内存104以及网络适配器105。操作系统106，如Windows系列操作系统，与浏览器107，如IE等，一起安装运行在内存104中，客户端100通过网络适配器105连接到因特网300，进而和服务器200进行通信，通过浏览器107向服务器200发出服务请求，下载服务器200上保存的数据。服务器200典型的具有用于存储数据的大容量存储器201、CPU202、内存203以及网络适配器204。操作系统205，如Linux系统，以及应用程序206，典型的如本发明提供的图像合成处理系统，一起安装运行在内存203中。服务器200通过网络适配器204连接到因特网300，响应客户端100的服务请求，向客户端100提供各种数据和应用服务。

如图2，图像合成处理系统包括前端系统401和后端系统402。客户端100通过浏览器107调用前端系统401，处理图片数据输入或者文字数据输入，对输入效果进行编辑调整，并提取图像合成参数信息。后端系统402根据前端系统401提供的图像合成参数信息，对图像进行合成处理，将合成的图像存储在存储器201中，并向前端系统401返回图像在存储器201保存的URL(UniformResource Locator，统一资源定位器)信息。

图片输入模块4011调用客户端本地存储的图片文件，或者通过HTTP方式下载图片数据库4021存储的图片资源，并把选定的图片提交到图像编辑器4013中进行处理。作为本发明的一个实施例，图片输入模块4011输入的图片可以是各种格式，如JPEG(Joint Photographic Experts Group，联合图像专家组)、GIF(Common Intermediate Format，通用中间媒体格式)、PNG(Portable NetworkGraphics，便携式网络图片)或BMP(bitmap，位图)等。在本发明的另一个实施例中，图片输入模块4011输入的图片典型的是JPEG格式的背景图片或者SWF(Macromedia Flash File Format)格式的前景图片。

图片数据库4021以图片ID(Identifier，标识符)为索引存储图片信息，存储的图片信息包括图片的路径(或是可以计算出图片路径的ID，在图像合成时使用)、图片中可以容纳的文字数量以及图片中文字开始的位置，即第一个文字起始的坐标位置，这个位置就是第一个文字左上角相对于图片左上角的偏移位置。图片输入模块4011使用Web网页表示图片数据库4021中保存的内容，显示图片数据库4021保存的所有图片列表，包括图片示意图和相应的说明文字，当用户利用鼠标点击某个图片的示意图时，图片输入模块4011通过HTTP方式将图片数据库4021保存的相应图片下载到图像编辑器4013。

文字输入模块4012供用户输入文字内容，并可对文字的大小、颜色、字体等文字格式进行设置，用户输入的文字内容和文字格式提交到图像编辑器4013处理。文字输入模块4012在Web网页上使用表单的文本输入框，供用户输入文字；使用表单的下拉选择框，供用户在预先指定的若干种颜色中选择字体的颜色；使用表单的下拉选择框，供用户选择预先指定的字体，本发明支持所有的Open Type字体。

图像编辑器4013向用户提供图像编辑预览界面，图片输入模块4011提交的图片数据以及文字输入模块4012提交的文字数据在图像编辑器4013中被预览和编辑，例如预览图像合成效果、调整图片的大小、调整文字在图片中的位置等。图像编辑完成后，图像编辑器4013收集有关图像合成参数信息，将其发送到前端接口模块4014。图像合成参数信息包括图片数据(图片文件由客户端本地选取)、图片路径或图片ID(图片来源于图片数据库4021)以及文字内容、文字格式等。

前端接口模块4014将图像编辑器4013提交的图像合成参数信息通过HTTP协议发送给后端接口模块4022。后端接口模块4022采用HTTP协议的CGI(Common Gateway Interface，通用网关接口)实现图像合成参数信息的接收，后端接口模块4022将图像合成参数信息发送给图像合成器4023。

在本发明的一个实施例中，图像合成器4023接收到图像合成参数信息后，查询图片数据库4021，提取图像合成参数信息中图片路径或图片ID对应的图片。图像合成器4023读取相应的图片，把图片中每个像素点的颜色、Alpha信息读取到一个二维数组中，二维数组的第一维为图片的行信息，第二维为图片的列信息。比如一个800×600像素的图片文件，读取的结果就是一个800×600的二维数组A，数组A的元素A[i][j]记录了图片中第i行、第j列的像素点的颜色信息，颜色信息为一个4bytes(字节)的整数，其中第一个字节为该点的Alpha值，第二个字节为颜色的红(R)分量，第三个字节为颜色的绿(G)分量，第四个字节为颜色的蓝(B)分量。图片的读取可采用open source(开放资源)的GD库来实现，关于GD(Graphics Library，图库)的更多内容可参考网址http://www.boutell.com/gd/，本发明不再赘述。

同时，图像合成器4023读取图像合成参数信息中的文字内容、文字格式等信息。因为图像合成器4023从Open Type的字体文件中读取一个文字的字体信息时使用UTF-8编码，而往往用户输入的汉字都是GB2312编码的，所以图像合成器4023需要将GB2312编码的文字转换成UTF-8编码，可使用iconv系统函数进行转换，iconv函数的更多内容参考Linux/Unix的man page(3)，本发明在此全部引用，不在赘述。

图像合成器4023从Open Type字体文件中读取用户输入文字的点阵描述数组，然后按照每个像素点的位置依次画到作为背景的图片上。比如对于“家”这个字16点的点阵是一个16×16的数组F，数组F的每个元素是“家”字在一个16×16矩形框中该点是否显示的标记。

当图像合成器4023输出的图像为GIF格式时，先将图像中每个点的颜色进行汇总，然后整理出256种颜色作为调色板，对相似的颜色进行合并，例如对距离小于10的颜色进行合并。判断两种颜色的相似度采用距离算法，即将两种颜色的R，G，B分量做为坐标值，求两点间的距离，距离的计算公式为：

\sqrt{{(R_{1} - R_{2})}^{2} + {(G_{1} - G_{2})}^{2} + {(B_{1} - B_{2})}^{2}}

计算出调色板之后，只需用一个字节记录每个像素点的颜色在调色板中的偏移(offset)。

在本实施例中，图片的读取采用了libjpeg、libpng等图形处理库，自行实现了BMP格式图形文件的读写，字体采用libfreetype进行读取。同时采用C++对各种图片格式的读、写操作进行封装，并实现了部分图形处理的功能

作为本发明的另一个实施例，图像合成器4023解析后端接口模块4022提交的图像合成参数信息，下表是具体的图像合成参数信息。对于背景图片，这些图像合成参数信息包括图片源信息，如图片文件、图片路径或者图片ID；图片的坐标值，示出了图片在图像中的位置；图片的缩放比例，示出了图片的大小。对于前景图片，主要包括图片源信息，如图片文件(当前景图片来自于客户端本地或者其他网络)前景图片路径或者前景图片ID(当前景图片来自于图片数据库4021)。对于文字，这些参数信息包括用户输入的文字内容、文字的大小、颜色、字体以及文字的起始坐标，其中文字的起始坐标示出了文字在图像中的位置。

背景图片	图片源坐标(x，y)缩放(scaleX，scaleY)
背景图片	图片源坐标(x，y)缩放(scaleX，scaleY)	前景图片	图片源
文字	文字内容文字大小(size)文字色彩(color)文字字体(font)起始坐标	前景图片	图片源

图像合成器4023查询图片数据库4021，获取图像合成参数信息对应的前景图片或背景图片，同时将文字数据和JPEG格式的背景图片分别合并成SWF文字文件和SWF图片文件，然后将SWF文字文件、SWF图片文件以及SWF格式的前景图片按层合并为一个SWF图像文件。合并时，将每个SWF文件转换成一个子动画(Sprite)，然后，让这些子动画在不同的层上同时播放。图像合成器4023对背景图片进行合并时，主要使用了SWF格式中的DefineBitsJPEG2标签块；对文字数据合并时，主要使用了SWF格式中的DefineFont2和DefineEditText标签块。因为需要支持中文字库，所以对输入的文本内容需要先进行UTF-8格式的转换，如上述实施例所述使用iconv系统函数来实现。

图像合成器4023将合成的图像提交到存储器201中保存，存储器201在物理上可以是服务器200的硬盘或者内存等存储介质分配的一部分存储空间。图像合成器4023同时将图像在存储器201中的URL信息提交到图像数据库4024中保存。图像数据库4024以图像ID和用户ID为索引存储了图像的URL信息。图像合成器4023将图像的URL返回客户端，用户根据URL信息通过就可以直接查看合成的图像了。

在上述实施例中，前端系统401采用HTML(Hyper Text Markup Language，超文本标记语言)、JavaScript以及SWF技术实现，后端系统402采用C++编写的CGI实现JPG背景图片、SWF前景图片与文字数据的合成。显然，有关HTML、JavaScript以及CGI是本领域的通用技术，不再赘述。Macromedia，Inc(http://www.macromedia.com)发布的Macromedia Flash(SWF)File FormatSpecification，Version 7，描述了SWF技术的详细实现，本发明在此全部引用，不在赘述。

图3示出了本发明提供的图像合成处理方法的实现流程图，描述如下，与上述内容相同的部分不再重复描述：

步骤S101中，用户输入图像合成数据，作为本发明的一个实施例中，用户输入的图像合成数据包括图片数据或者文字数据，其中图片数据来自于客户端本地或者本发明的系统提供的图片资源，也可能是其他网络上提供的图片资源。文字数据包括了文字内容，以及文字格式。在本发明的一个实施例中，图片可以是现有的各种格式，如JPEG、GIF、PNG或BMP。作为本发明的另一个实施例，图片数据典型的是JPEG格式的背景图片或者SWF格式的前景图片。

步骤S102中，对用户输入的图像合成数据进行预览编辑处理，包括对图片大小的缩放、平移，对文字内容及格式的调整等等，设置满意的图像效果。

步骤S103中，图像预览设置完成后，提取图像合成参数信息，这些参数信息包括图片的路径或者ID，以及文字内容和文字格式等。

步骤S104中，根据图像合成参数信息合成图像。在本发明的一个实施例中，合成的图像可以是JPEG、GIF、PNG或BMP等格式。在本发明的另一个实施例中，合成的图像为SWF格式。

步骤S105中，保存合成的图像以及图像的URL信息，图像一般保存在存储器201中，存储器201在物理上可以是服务器200的硬盘或者内存等存储介质分配的一部分存储空间，图像的URL信息指明了图像的物理存储路径，保存在图像数据库4021中。

步骤S106中，将图像的URL信息返回客户端，用户通过图像的URL信息可以调用或查看对应的图像。

如上所述，上述步骤S101～S103通常由用户通过浏览器107调用前端系统401在客户端100执行完成，步骤S104～S106则由后端系统402在服务器200上执行完成。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims

1、一种图像合成处理系统，其特征在于，所述系统包括：

2、如权利要求1所述的图像合成处理系统，其特征在于，所述前端系统包括：

图片输入模块，用于输入图片数据；

3、如权利要求1所述的图像合成处理系统，其特征在于，所述后端系统包括：

图片数据库，用于以图片ID为索引存储图片数据；

4、如权利要求1所述的图像合成处理系统，其特征在于，所述图像合成参数信息包括图片ID、文字内容以及文字格式。

5、如权利要求1所述的图像合成处理系统，其特征在于，所述图像为GIF格式或SWF格式。

6、如权利要求1至5任一权利要求所述的图像合成处理系统，其特征在于，所述系统进一步包括用于存储所述图像的存储器。

7、一种图像合成处理方法，其特征在于，所述方法包括下述步骤：

8、如权利要求7所述的图像合成处理方法，其特征在于，所述方法进一步包括：

9、如权利要求7所述的图像合成处理方法，其特征在于，所述图像为GIF格式或SWF格式。

10、如权利要求7至9任一权利要求所述的图像合成处理方法，其特征在于，所述方法进一步包括：

设置存储器存储所述图像的步骤。