CN106933439B

CN106933439B - 一种基于社交平台的图片处理方法及系统

Info

Publication number: CN106933439B
Application number: CN201511021782.8A
Authority: CN
Inventors: 陈霖炜
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2015-12-29
Filing date: 2015-12-29
Publication date: 2020-01-31
Anticipated expiration: 2035-12-29
Also published as: CN106933439A

Abstract

本发明公开了一种基于社交平台的图片处理方法及系统，其中该方法包括:基于预设网页样式语言，生成用户交互界面；从该用户交互界面获取虚拟人物的素体图片，素体图片上包含至少一个素体元素；当接收到用户通过该用户交互界面发送的选择指令时，获取相应的用于装载在该素体元素上的虚拟挂件图片；根据虚拟挂件图片的长宽确定装载定位点；根据装载定位点，将该虚拟挂件图片装载在相应的素体元素上。本发明实施例基于网页样式语言生成用户交互界面，当素材安装包有更新时，用户交互界面自动更新，用户无需下载更新素材；并且，换装时只需要确定素材的装载定位点，即可实现换装，无需进行繁琐的数值计算，大大降低了服务器的计算量，提高处理效率。

Description

一种基于社交平台的图片处理方法及系统

技术领域

本发明属于通信技术领域，尤其涉及一种基于社交平台的图片处理方法及系统。

背景技术

随着互联网技术的迅速发展，在社交网络的平台上供用户娱乐的游戏也越来越多，通常在游戏中，用户会创建一个虚拟人物，并给该虚拟人物进行个性化定制，以通过该虚拟人物来表示用户在该游戏中的虚拟形象。

例如，在传统的换装游戏中，类似于QQ空间秀，用户首先需要下载相关的终端应用，包括换装素材安装包等等，然后，对这些安装包进行安装，以获取相应的换装素材，从而可以在虚拟空间中，利用这些换装素材搭配自己的形象。通常基于不同的系统，会使用java或object-c编码语言来实现。

在对现有技术的研究和实践过程中，本发明的发明人发现，由于现有技术中是使用原生编码语言(java或object-c)来实现换装，因此如果该素材安装包有更新时，用户需要重新下载并更新素材，服务器的处理效率较低；而且，换装时需要将换装素材跟屏幕、虚拟人物大小等做适配，涉及大量的数值计算，比如，素材离屏幕的坐标等，当素材较多时，服务器的计算量将会大幅度的增加。

发明内容

本发明的目的在于提供一种基于社交平台的图片处理方法及系统，旨在提高服务器处理效率。

为解决上述技术问题，本发明实施例提供以下技术方案：

一种基于社交平台的图片处理方法，其中包括：

基于预设网页样式语言，生成用户交互界面；

从所述用户交互界面获取虚拟人物的素体图片，所述素体图片上包含至少一个素体元素；

当接收到用户通过所述用户交互界面发送的选择指令时，获取相应的用于装载在所述素体元素上的虚拟挂件图片；

按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点；

根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上。

为解决上述技术问题，本发明实施例还提供以下技术方案：

一种基于社交平台的图片处理系统，其中包括：

生成单元，用于基于预设网页样式语言，生成用户交互界面；

第一获取单元，用于从所述用户交互界面获取虚拟人物的素体图片，所述素体图片上包含至少一个素体元素；

第二获取单元，用于当接收到用户通过所述用户交互界面发送的选择指令时，获取相应的用于装载在所述素体元素上的虚拟挂件图片；

定位点确定单元，用于按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点；

装载单元，用于根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上。

相对于现有技术，本发明实施例，首先基于预设网页样式语言，生成用户交互界面，其后，从该用户交互界面中获取包含素体元素的虚拟人物素体图片，当接收到用户的选择指令时，获取相应的用于装载在素体元素上的虚拟挂件图片；最后，根据虚拟挂件图片的长宽确定装载定位点，并根据装载定位点，将虚拟挂件图片装载在相应的素体元素上；本发明实施例提出基于网页样式语言生成用户交互界面，当素材安装包，即虚拟挂件图片有更新时，用户交互界面自动更新，用户无需下载更新素材；并且，换装时只需要确定素材的装载定位点，即可实现将虚拟挂件图片装载在相应的素体元素上，无需进行繁琐的数值计算，大大降低了服务器的计算量，提高处理效率。

附图说明

下面结合附图，通过对本发明的具体实施方式详细描述，将使本发明的技术方案及其它有益效果显而易见。

图1a是本发明实施例提供的基于社交平台的图片处理系统的场景示意图；

图1b是本发明第一实施例提供的基于社交平台的图片处理方法的流程示意图；

图2a为本发明第二实施例提供的基于社交平台的图片处理方法的流程示意图；

图2b至图2l为本发明第二实施例提供的基于社交平台的图片处理方法中的界面展示示意图；

图3为本发明第三实施例提供的基于社交平台的图片处理系统的结构示意图。

具体实施方式

请参照图式，其中相同的组件符号代表相同的组件，本发明的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所例示的本发明具体实施例，其不应被视为限制本发明未在此详述的其它具体实施例。

在以下的说明中，本发明的具体实施例将参考由一部或多部计算机所执行的步骤及符号来说明，除非另有述明。因此，这些步骤及操作将有数次提到由计算机执行，本文所指的计算机执行包括了由代表了以一结构化型式中的数据的电子信号的计算机处理单元的操作。此操作转换该数据或将其维持在该计算机的内存系统中的位置处，其可重新配置或另外以本领域测试人员所熟知的方式来改变该计算机的运作。该数据所维持的数据结构为该内存的实体位置，其具有由该数据格式所定义的特定特性。但是，本发明原理以上述文字来说明，其并不代表为一种限制，本领域测试人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。

本文所使用的术语「模块」可看做为在该运算系统上执行的软件对象。本文所述的不同组件、模块、引擎及服务可看做为在该运算系统上的实施对象。而本文所述的装置及方法优选的以软件的方式进行实施，当然也可在硬件上进行实施，均在本发明保护范围之内。

本发明实施例提供一种基于社交平台的图片处理方法及系统。

参见图1a，该图为本发明实施例所提供的基于社交平台的图片处理系统的应用场景示意图，该基于社交平台的图片处理系统可简称图片处理系统，集成在服务器或网关等网络设备中，主要用于基于预设网页样式语言，如层叠样式表(CSS，Cascading StyleSheets)，生成用户交互界面；从用户交互界面获取虚拟人物的素体图片，其中素体图片上包含至少一个素体元素，如发型、服装、鞋子等等；当接收到用户通过该用户交互界面发送的选择指令时，获取相应的用于装载在素体元素上的虚拟挂件图片，如虚拟头发、虚拟衣服、虚拟鞋子等等；按照预设规则，根据这些虚拟挂件图片的长宽确定装载定位点；最后根据装载定位点，将虚拟挂件图片装载在相应的素体元素上。

此外，该应用场景中还可以包括用户终端，如手机、平板电脑等，主要用于向用户展示该用户交互界面，用户可以通过该用户交互界面上设置的接口获取虚拟人物的素体图片，以及获取虚拟挂件图片，以将虚拟挂件图片装载在相应的素体元素上并展示，如展示虚拟人物换装等。

以下将分别进行详细说明。

第一实施例

在本实施例中，将从图片处理系统的角度进行描述，该资源调度装置具体可以集成在服务器或网关等网络设备中。

一种基于社交平台的图片处理方法，包括：基于预设网页样式语言，生成用户交互界面；从用户交互界面获取虚拟人物的素体图片，所述素体图片上包含至少一个素体元素；当接收到用户通过所述用户交互界面发送的选择指令时，获取相应的用于装载在所述素体元素上的虚拟挂件图片；按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点；根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上。

请参阅图1b，图1b是本发明第一实施例提供的基于社交平台的图片处理方法的流程示意图。所述方法包括：

在步骤S101中，基于预设网页样式语言，生成用户交互界面。

在步骤S102中，从该用户交互界面获取虚拟人物的素体图片，该素体图片上包含至少一个素体元素。

在步骤S103中，当接收到用户通过该用户交互界面发送的选择指令时，获取相应的用于装载在素体元素上的虚拟挂件图片。

其中，所述步骤S101至步骤S103可具体为：

本发明实施例中，可具体基于层叠样式表生成所述用户交互界面，其中，层叠样式表是一种用来表现超级文本标记语言HTML(Hyper Text Markup Language，标准通用标记语言的一个应用)或可扩展标记语言XML(Extensible Markup Language，标准通用标记语言的一个子集)等文件样式的计算机语言。

也就是说，本发明主要是使用Web(网页)端语言来实现图片处理：

比如，首先，在基于层叠样式表生成的用户交互界面中，可以设置素体获取接口，用于获取虚拟人物的素体图片，其中，素体是指在模型玩具范畴里，可着装或附配件的玩具，不包含服装配件，此处是指可着装或附配件的虚拟人物图片，该素体图片上包含至少一个素体元素，如发型、服装、鞋子等等。

同时，该用户交互界面中，还可以设置素材获取接口，用户获取用于装载在素体元素上的虚拟挂件图片，如虚拟头发图片、虚拟衣服图片、虚拟鞋子图片，等等，从而实现使用层叠样式表实现人物换装。

进一步的，该用户交互界面中还可以设置指令获取接口，用户可以通过该指令获取接口发送的选择指令，当接收到该选择指令时，可以从预设挂件素材数据库中，获取相应的用于装载在所述素体元素上的虚拟挂件图片。

比如，用户通过输入设备，如鼠标、触摸屏等，获取用户的选择指令，服务器根据该选择指令，在预设挂件素材数据库中，获取相应的虚拟挂件图片，如虚拟衣服图片等，以将虚拟衣服图片装载在虚拟人物的身体上，从而实现换装。

在步骤S104中，按照预设规则，根据虚拟挂件图片的长宽确定装载定位点。

在步骤S105中，根据该装载定位点，将虚拟挂件图片装载在相应的素体元素上。

其中，所述步骤S104与步骤S105可具体为：

可以理解的是，将虚拟挂件图片装载在相应的素体元素上的方法有很多，在本发明一种可能的实施方式中，首先，在从用户交互界面获取虚拟人物的素体图片(步骤S102)之后，还可以包括：

按照素体图片上素体元素的分布位置，确定该素体图片中各素体元素的中心点。

比如，素体图片上的素体元素包括发型、服装、鞋子，按照发型、服装、鞋子的分布位置，将虚拟人物进行划分，从而可以确定各素体元素的中心点。

本发明实施例中，由于确定素体图片中各素体元素的中心点的方式有很多，比如，可具体如下：

基于终端的屏幕大小，确定素体图片的大小；按照素体图片上预设素体元素的分布位置，将素体图片进行划分；根据素体图片的大小，确定划分的各素体元素的分布位置的大小；根据素体元素的分布位置的大小，从而可以确定素体图片中各素体元素的中心点。

基于此，按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点(即步骤S104)，可以具体包括：

1、根据获取的虚拟挂件图片，确定相应的挂件类型；

2、若确定出所述挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽不同，则根据所述虚拟挂件图片的长宽确定所述虚拟挂件图片的中心点。

比如，若获取的虚拟挂件图片为一顶头发，则确定相应的挂件类型为发型；接着，判断在挂件素材数据库中，所有属于发型类型的虚拟挂件图片的长宽是否相同，若不同，则根据获取到的虚拟头发图片的长宽，确定出虚拟头发图片的中心点。

进一步的，如果是基于中心点作为虚拟挂件图片的装载定位点时，则根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上(步骤S105)可以具体包括：

将虚拟挂件图片的中心点与相应的素体元素的中心点进行重合，以使所述虚拟挂件图片装载在相应的素体元素上。

比如，若获取的虚拟挂件图片为一顶头发，则设置将虚拟头发图片的中心点以及素体图片上发型元素的中心点进行重合，即可实现将虚拟头发图片装载在发型元素上。

在另一种可能的实施方式中，按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点，可以具体包括：

a、根据获取的虚拟挂件图片，确定相应的挂件类型；

b、若确定出所述挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽相同，则根据预设的坐标值确定所述虚拟挂件图片的装载定位点。

比如，若获取的虚拟挂件图片为一顶头发，则确定相应的挂件类型为发型；接着，判断在挂件素材数据库中，所有属于发型类型的虚拟挂件图片的长宽是否相同，若相同，则将预设的坐标值大小指示的位置确定为虚拟头发图片的装载定位点。

也就是说，在该方式中，由于同一类型的虚拟挂件图片的大小相同，定位点设置为不变，因此在需要更换同个素体元素上装载的虚拟挂件时，只需要直接替换即可，操作简单。

由上述可知，本实施例提供的社交平台的图片处理方法，首先基于预设网页样式语言，生成用户交互界面，其后，从该用户交互界面中获取包含素体元素的虚拟人物素体图片，当接收到用户的选择指令时，获取相应的用于装载在素体元素上的虚拟挂件图片；最后，根据虚拟挂件图片的长宽确定装载定位点，并根据装载定位点，将虚拟挂件图片装载在相应的素体元素上；本发明实施例提出基于网页样式语言生成用户交互界面，当素材安装包，即虚拟挂件图片有更新时，用户交互界面自动更新，用户无需下载更新素材；并且，换装时只需要确定素材的装载定位点，即可实现将虚拟挂件图片装载在相应的素体元素上，无需进行繁琐的数值计算，大大降低了服务器的计算量，提高处理效率。

第二实施例

根据第一实施例所描述的方法，以下将举例作进一步详细说明。

在本发明实施例中，主要是使用Web端语言来实现人物换装，首先，设计人员和产品经理需要确定人物发型，服装，鞋子这几个素体元素的中心点，作为装载的定位点；随后，取这些素体元素可能的最大值，来确定相应的虚拟挂件图片(即头发、衣服、鞋子)；同时，设计人员在输出虚拟挂件图片的时候，也是遵照中心点来制作。

可以理解的是，本实施例中，虚拟人物的素体图片可简称为人物素体，虚拟挂件图片可称为元素切图，请参阅图2a，图2a为本发明第二实施例提供的基于社交平台的图片处理方法的流程示意图，可包括：

21、服务器确定人物素体上各素体元素的中心点；22、服务器确定输出的元素切图的中心点；23、服务器将元素切图的中心点与相应的素体元素的中心点进行重合。以下将进行详细说明。

可一并参考图2b和图2c，分别为女生人物素体和男生人物素体上，各素体元素的中心点的示意；在确定了各素体元素的中心点后，在后续设计时，会先确定出元素切图的中心点，可一并参考图2d、图2e、图2f，分别为元素切图(头发、服装、鞋子)示意，最后，将元素切图的中心点与相应的素体元素的中心点进行重合，可参考图2g，为将元素切图放到素体元素上的效果图。

为了更好的理解本发明方案，以下从代码层面进行分析：

首先，将人物素体切出来，素体图片大小取手机终端的宽高，然后扩展到全屏。该实施例中，以iphone6为例，通过background-size:cover让素体图片适应全屏，从而可以防止图片大于屏幕出现滚动条，或者图片小于屏幕时留下空白。以男生人物素体为例，具体实现代码如下：

boy.whole-body{

background-image:url(img/images/boy.png)；

}

cover.img{

background-size:cover；

}

whole-body{

position:absolute；

left:0；

top:0；

width:100％；

padding-top:177.8666666666667％；

}

可一并参考图2h，为男生人物素体示意，然后在人物素体的素体元素下面，设3个子元素，分别装载头发，服装，鞋子，具体实现代码如下：

</div>

随后，确定男生人物素体上各个元素的中心点，如图2c所示；另外，容易想到的是，本实施例中涉及的具体实现代码以及设计尺寸等等仅为举例说明，并不构成对本发明的限定。

例如，头发的中心点设置在额头处，若总屏是iphone6宽高，即宽750像素、高1334像素；头发中心点离屏幕上方92px，这个点离屏幕上方的百分比就是top:12.266667％；再设置left:50％，如图2i所示，即可以看到头发此时在这个位置。

由于目前现在设置的点是元素切图左上角的位置，因此可以再通过transform：translate(-50％,-50％)，将元素切图向上和向左移动元素切图宽高的百分之50％，则可以代表元素切图的中心点和预先设置的素体元素中心点重合，如图2j所示。

可以理解的是，在实际应用中，设计人员会提供不同的发型，长发短发，但是只要这些元素切图的中心点和设置的素体元素的中心点一致，同样可以将图片放在正确的位置。

又比如，可参考如图2k所示，为设计人员提供的另一个头发切图，其中，该头发切图宽229像素，高186像素，此时设置元素体素的背景图片为这张头发切图，然后宽度为229/750＝30.53333％，即width:30.53333％，高度通过paddting-top来确定，高度186/750＝24.8％，即padding-top:24.8％，就可以为素体元素装载上这个发型，如图2l所示。

也就是说，本实施例提供的社交平台的图片处理方法，代码由前台和用户界面开发完成，简单快捷；由于是基于web端的应用，因此可以随时上线下线修改，不需要用户去更新终端应用及安装包；利用装载定位点实现换装，避免每次换装时都需要将换装素材跟屏幕、虚拟人物大小等做适配，设计人员设计出素材之后，只需要前台上架即可。

容易想到的是，通过同样的做法，应用在服装和鞋子上面，即可方便快捷的实现换装游戏。另外，出于操作简单，进一步降低服务器计算量的考虑，本发明实施例还提供一种web端设计，就是设定发型，服装，鞋子的范围，即要求同一类型的素材大小一致，这样前台就可以不用计算图片宽高，直接替换即可。

第三实施例

为便于更好的实施本发明实施例提供的基于社交平台的图片处理方法，本发明实施例还提供一种基于上述基于社交平台的图片处理方法的装置。其中名词的含义与上述基于社交平台的图片处理的方法中相同，具体实现细节可以参考方法实施例中的说明。

请参阅图3，图3为本发明实施例提供的基于社交平台的图片处理系统的结构示意图，可以包括生成单元301、第一获取单元302、第二获取单元303、定位点确定单元304以及装载单元305。

其中，生成单元301，用于基于预设网页样式语言，生成用户交互界面；第一获取单元302，用于从所述用户交互界面获取虚拟人物的素体图片，所述素体图片上包含至少一个素体元素；

第二获取单元303，用于当接收到用户通过所述用户交互界面发送的选择指令时，获取相应的用于装载在所述素体元素上的虚拟挂件图片。

本发明实施例中，所述生成单元301，可以具体用于基于层叠样式表，生成用户交互界面。

其中，层叠样式表是一种用来表现超级文本标记语言HTML(标准通用标记语言的一个应用)或可扩展标记语言XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

进一步的，该用户交互界面中还可以设置指令获取接口，用户可以通过该指令获取接口发送的选择指令，所述第二获取单元303，可具体用于当接收到用户通过所述用户交互界面发送的选择指令时，从预设挂件素材数据库中，获取相应的用于装载在所述素体元素上的虚拟挂件图片。

最后，定位点确定单元304，用于按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点；装载单元305，用于根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上。

可以理解的是，将虚拟挂件图片装载在相应的素体元素上的方法有很多，在本发明一种可能的实施方式中，所述图片处理系统还可以包括：

中心点确定单元，按照所述素体图片上素体元素的分布位置，确定所述素体图片中各素体元素的中心点。

基于此，所述定位点确定单元304，可以包括：

1、类型确定子单元，用于根据获取的虚拟挂件图片，确定相应的挂件类型；

2、定位确定子单元，用于若确定出所述挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽不同，则根据所述虚拟挂件图片的长宽确定所述虚拟挂件图片的中心点。

进一步的，如果是基于中心点作为虚拟挂件图片的装载定位点时，则装载单元305，可以具体用于将所述虚拟挂件图片的中心点与相应的素体元素的中心点进行重合，以使所述虚拟挂件图片装载在相应的素体元素上。

在另一种可能的实施方式中，在所述类型确定子单元根据获取的虚拟挂件图片，确定相应的挂件类型之后，所述定位确定子单元，还可以用于若确定出所述挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽相同，则根据预设的坐标值确定所述虚拟挂件图片的装载定位点。

具体实施时，以上各个单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个单元的具体实施可参见前面的方法实施例，在此不再赘述。

该基于社交平台的图片处理系统具体可以集成在服务器或网关等网络设备中。

由上述可知，本实施例提供的基于社交平台的图片处理系统，首先基于预设网页样式语言，生成用户交互界面，其后，从该用户交互界面中获取包含素体元素的虚拟人物素体图片，当接收到用户的选择指令时，获取相应的用于装载在素体元素上的虚拟挂件图片；最后，根据虚拟挂件图片的长宽确定装载定位点，并根据装载定位点，将虚拟挂件图片装载在相应的素体元素上；本发明实施例提出基于网页样式语言生成用户交互界面，当素材安装包，即虚拟挂件图片有更新时，用户交互界面自动更新，用户无需下载更新素材；并且，换装时只需要确定素材的装载定位点，即可实现将虚拟挂件图片装载在相应的素体元素上，无需进行繁琐的数值计算，大大降低了服务器的计算量，提高处理效率。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见上文针对基于社交平台的图片处理方法的详细描述，此处不再赘述。

本发明实施例提供的所述基于社交平台的图片处理系统，譬如为计算机、平板电脑、具有触摸功能的手机等等，所述基于社交平台的图片处理系统与上文实施例中的基于社交平台的图片处理方法属于同一构思，在所述基于社交平台的图片处理系统上可以运行所述基于社交平台的图片处理方法实施例中提供的任一方法，其具体实现过程详见所述基于社交平台的图片处理方法实施例，此处不再赘述。

需要说明的是，对本发明所述基于社交平台的图片处理方法而言，本领域普通测试人员可以理解实现本发明实施例所述基于社交平台的图片处理方法的全部或部分流程，是可以通过计算机程序来控制相关的硬件来完成，所述计算机程序可存储于一计算机可读取存储介质中，如存储在终端的存储器中，并被该终端内的至少一个处理器执行，在执行过程中可包括如所述基于社交平台的图片处理方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，RandomAccess Memory)等。

对本发明实施例的所述基于社交平台的图片处理系统而言，其各功能模块可以集成在一个处理芯片中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中，所述存储介质譬如为只读存储器，磁盘或光盘等。

以上对本发明实施例所提供的一种基于社交平台的图片处理方法及系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims

1.一种基于社交平台的图片处理方法，其特征在于，包括：

基于预设网页样式语言，生成用户交互界面；

2.根据权利要求1所述的基于社交平台的图片处理方法，其特征在于，所述基于预设网页样式语言，生成用户交互界面，包括：

基于层叠样式表，生成用户交互界面。

3.根据权利要求2所述的基于社交平台的图片处理方法，其特征在于，所述当接收到用户通过所述用户交互界面发送的选择指令时，获取相应的用于装载在所述素体元素上的虚拟挂件图片，包括：

当接收到用户通过所述用户交互界面发送的选择指令时，从预设挂件素材数据库中，获取相应的用于装载在所述素体元素上的虚拟挂件图片。

4.根据权利要求1至3任一项所述的基于社交平台的图片处理方法，其特征在于，所述从所述用户交互界面获取虚拟人物的素体图片之后，还包括：

按照所述素体图片上素体元素的分布位置，确定所述素体图片中各素体元素的中心点。

5.根据权利要求4所述的基于社交平台的图片处理方法，其特征在于，所述按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点，包括：

根据获取的虚拟挂件图片，确定相应的挂件类型；

若确定出挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽不同，则根据所述虚拟挂件图片的长宽确定所述虚拟挂件图片的中心点。

6.根据权利要求5所述的基于社交平台的图片处理方法，其特征在于，所述根据所述装载定位点，将所述虚拟挂件图片装载在相应的素体元素上，包括：

将所述虚拟挂件图片的中心点与相应的素体元素的中心点进行重合，以使所述虚拟挂件图片装载在相应的素体元素上。

7.根据权利要求3所述的基于社交平台的图片处理方法，其特征在于，所述按照预设规则，根据所述虚拟挂件图片的长宽确定装载定位点，包括：

根据获取的虚拟挂件图片，确定相应的挂件类型；

若确定出所述挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽相同，则根据预设的坐标值确定所述虚拟挂件图片的装载定位点。

8.一种基于社交平台的图片处理系统，其特征在于，包括：

9.根据权利要求8所述的基于社交平台的图片处理系统，其特征在于，所述生成单元，用于基于层叠样式表，生成用户交互界面。

10.根据权利要求9所述的基于社交平台的图片处理系统，其特征在于，所述第二获取单元，用于当接收到用户通过所述用户交互界面发送的选择指令时，从预设挂件素材数据库中，获取相应的用于装载在所述素体元素上的虚拟挂件图片。

11.根据权利要求8至10任一项所述的基于社交平台的图片处理系统，其特征在于，所述基于社交平台的图片处理系统还包括：

12.根据权利要求11所述的基于社交平台的图片处理系统，其特征在于，所述定位点确定单元，包括：

类型确定子单元，用于根据获取的虚拟挂件图片，确定相应的挂件类型；

定位确定子单元，用于若确定出挂件素材数据库中属于所述挂件类型的虚拟挂件图片的长宽不同，则根据所述虚拟挂件图片的长宽确定所述虚拟挂件图片的中心点。

13.根据权利要求12所述的基于社交平台的图片处理系统，其特征在于，所述装载单元，用于将所述虚拟挂件图片的中心点与相应的素体元素的中心点进行重合，以使所述虚拟挂件图片装载在相应的素体元素上。

14.根据权利要求10所述的基于社交平台的图片处理系统，其特征在于，定位确定子单元，还用于若确定出所述挂件素材数据库中属于挂件类型的虚拟挂件图片的长宽相同，则根据预设的坐标值确定所述虚拟挂件图片的装载定位点。

15.一种存储介质，其上存储有计算机程序，其特征在于，当所述计算机程序在计算机上运行时，使得所述计算机执行如权利要求1至7任一项所述的基于社交平台的图片处理方法。