CN108614657A - 图像合成方法、装置、设备及其图像载体 - Google Patents

Abstract

本发明公开了一种图像合成方法、装置、设备及其图像载体，该方法包括：获取图像数据，形成可印制区域；根据用户操作调用合成素材，获取所述合成素材的配置信息；根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。本发明为用户提供一个更为方便的图像编辑环境，节省了终端设备的内存占用，实现绘制图像数据与合成素材的合成效果图，并实时浏览设计出的合成效果图。

Description

图像合成方法、装置、设备及其图像载体

【技术领域】

本发明涉及图像处理技术领域，具体涉及一种图像合成方法、装置、设备及其图像载体。

【背景技术】

图片设计与处理工具对于设计人员来说是再熟悉不过了，其包括有图像编辑、图像合成、校色调色及功能色效制作等非常强大且好用的功能。若想要将几张图叠加到特定图像上形成设计稿，对设计人员来说，可能也只需要不到一分钟的时间就可以完成。但对于广大互联网用户来说，不能熟练使用图案处理工具的占了绝大部份。例如PHOTOSHOP、AdobeIllustrator等图片处理工具均是需要下载安装至电脑上或手机上的，小则一百多M，多则几个G。里面的功能十分强大，但同时也提高了使用复杂度。安装包太大、功能多且复杂、学习成本高等这些不利的因素导致广大互联网用户望而止步，同时也不方便将作品进行分享和传播。

【发明内容】

本发明的目的在于提供一种图像合成方法、装置、设备及其图像载体，为用户提供一个更为方便的图像编辑环境，节省终端设备的内存占用，可实现实时浏览设计出的合成效果图。

为实现上述目的，本发明提供了以下技术方案：

本发明提供一种图像合成方法，包括：

获取图像数据，形成可印制区域；

根据用户操作调用合成素材，获取所述合成素材的配置信息；

根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

具体的，所述获取当前图像数据，形成可印制区域，包括以下步骤：

获取当前终端采集的第一图像数据或存储于本地的第二图像数据；

依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

具体的，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

具体的，所述获取当前图像数据，形成可印制区域后，还包括：

依据形成的所述可印制区域，获得所述可印制区域的测量数据；

将所述图像数据、可印制区域的对应区域数据和测量数据中至少一项存储于本地数据库或云端服务器。

可选的，所述依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域，包括以下步骤：

根据所述测量数据，生成用于框定区间的标签；

根据所述标签形成区域线，通过所述区域线形成所述可印制区域。

具体的，所述根据用户操作调用合成素材，获取所述合成素材的配置信息，包括以下步骤：

通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材；

监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息；

通过所述配置信息确认所述合成素材与图像数据间的位置关系。

具体的，所述监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息，包括以下步骤：

监听用户在所述图像数据显示区域上的点击事件；

判断所述点击事件的点击对象是否处于所述合成素材的所在区域之内；

若是，则标记所述合成素材为可编辑对象，以获取用户针对所述可编辑对象进行的第二操作数据；

若否，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。

具体的，所述根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据，包括以下步骤：

依据存储的所述配置信息，获取所述合成素材与图像数据之间的位置关系；

根据所述位置关系，绘制所述合成素材和图像数据形成所述图像合成数据。

相应的，本发明还提供一种图像合成方法，还包括以下步骤：

依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布；

创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中；

根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

相应的，本发明还提供一种图像合成装置，包括：

获取模块：用于获取图像数据，形成可印制区域；

调用模块：用于根据用户操作调用合成素材，获取所述合成素材的配置信息；

合成模块：用于根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

相应的，本发明还提供一种图像合成装置，还包括：

第一画布模块：用于依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布；

第二画布模块：用于创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中；

第三画布模块：用于根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

确认合成模块：用于基于用户针对所述合成素材的编辑操作，确认画布间的层级关系，以根据所述层级关系生成图像合成数据。

相应的，本发明还提供一种设备，其特征在于，包括：

一个或多个第一处理器；

第一存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第一存储器中并被配置为由所述一个或多个第一处理器执行；

所述一个或多个程序用于驱动所述一个或多个第一处理器构造用于执行以下步骤：

获取图像数据，形成可印制区域；

根据用户操作调用合成素材，获取所述合成素材的配置信息；

根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

相应的，本发明还提供一种设备，其特征在于，还包括：

一个或多个第二处理器；

第二存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第二存储器中并被配置为由所述一个或多个第二处理器执行；

所述一个或多个程序用于驱动所述一个或多个第二处理器构造用于执行以下步骤：

依据获取的图像数据，创建第一画布；

识别所述第一画布中图像数据得出图像数据中的可印制对象，并创建第二画布；

根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

相应的，本发明还提供一种图像载体，包括图像呈现区域，所述图像呈现区域内的图像采用上述任一项所述的图像合成方法合成。

与现有技术相比，本发明的有益效果在于：

本发明提供的能够在网页端实现图像合成的方法、装置及设备，其通过所述区域规则将获取的图像数据进行分析划定，形成可印制区域，并通过调用的合成素材，在可印制区域的范围内定义所述合成素材的配置信息，以合成出用户所需的图像合成数据。本发明为用户提供一个更为方便的图像编辑环境，在用户不熟悉图像编辑软件的情况也能够轻松完成编辑。

还有，本发明所提供的图像合成方法应用在终端设备中，节省了终端设备的内存占用，用户可通过鼠标、实体按键、或者手指触控进行一系列操作改变图像数据对应图像个体或合成素材的规格和显示效果，以实现绘制图像数据与合成素材的合成效果图，且可供用户实时浏览设计出的合成效果图。

另外的，本发明提供的图像合成方法还可实现多图层画布的编辑，将可编辑的对象单独出为独立的图层画布，达到分类编辑，统一管理的目的，具有图像编辑的明确性和指向性，由此也实现任何一种用户可轻松完成图像编辑的目的。

相应地，本发明的图像合成方法运用于所述图像合成装置中，因此所述图像合成装置具有与所述图像合成方法相同的作用，故不再赘述。

本发明附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本发明的实践了解到。

【附图说明】

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明的一种图像合成方法的第一实施例流程图；

图2是本发明的一种图像合成方法的第二实施例流程图；

图3是本发明的一种图像合成方法的第三实施例流程图；

图4是本发明的一种图像合成方法的第四实施例流程图；

图5为本发明中一种图像合成装置的第一实施例结构框图；

图6为本发明中一种图像合成装置的第二实施例结构框图；

图7为本发明中一种图像合成装置的第三实施例结构框图；

图8为本发明中一种图像合成装置的第四实施例结构框图；

图9为本发明中应用图像合成方法的设计效果图生成的流程概况图；

图10为本发明中以设计T恤为例的图像数据的示意图；

图11为本发明中以设计T恤为例的可印制区域的第一显示状态示意图；

图12为本发明中以设计T恤为例的可印制区域的第二显示状态示意图。

【具体实施方式】

为使本发明的目的、技术方案和优点更加清楚，下面将对本发明的技术方案进行详细的描述。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本发明所保护的范围。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

为了使本技术领域的人员更好地理解本发明实施例的方案，下面结合附图和实施方式对本发明作进一步的详细说明。以下实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。

请参阅附图1所示的第一实施例的流程图以及图9所示的本发明中应用图像合成方法的设计效果图生成的流程概况图，本发明提供一种图像合成方法，包括：

S101，获取图像数据，形成可印制区域。

本发明实施例中，所述可印制区域表示在该图像数据的基础上，圈定出一定空间范围以供可增添外加图像数据的区域。如图10-12所示，在获取了T恤的图像数据后，圈定出一定空间范围作为可印制其他图案的区域。

具体的，步骤S101包括以下实现方式但不限于此方式：获取当前终端采集的第一图像数据或存储于本地的第二图像数据；依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

本发明实施例中，所述获取当前终端采集的第一图像数据的具体实现方式包括：通过具备有摄像头的终端实时采集当前的图像，经一些相关的图像处理后输出所述第一图像数据。

本发明实施例中，通过手机摄像头采集当前的图像，在网页的模式下调取摄像头采集的图像，具体包括步骤：发起访问手机摄像头模块请求，接收响应于该请求下手机摄像头模块反馈的授权指令，依据于该授权指令，生成调取当前采集图像的调用指令，基于所述调用指令，将采集的图像转换为数字信号，并触发用于处理该数字信号的处理指令，并在所述处理指令的指示下进行一系列的图像降噪、图像增强、图像压缩等操作。

本发明实施例中，所述获取存储于本地的第二图像数据，具体包括以下方式：请求本地终端的文件访问授权，当接收到用户触发的确认访问授权后将通过file控件访问本地终端的文件数据库，进一步监听用户的点击的操作所选择的备选对象，当再一次接收到用户所触发的确认选择指令后，定义所述备选对象为选择对象后获取所述选择对象多对应的图像地址信息，以根据所述图像地址信息提取出所述第二图像数据。

本发明实施例中，所述第一图像数据或第二图像数据包含于所述图像数据，具体体现形式包括图片、Gif动图、视频等。为此，本发明为用户提供了一种不需要下载新的图像处理应用程序可实现在线图像编辑的环境，当然本发明方法可应用在图像编辑应用程序上，其实现的效果与将本发明所述方法应用在服务器是相同的，在此不多加赘述。

本发明实施例中，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

所述用于自动定义可印制区域的规则具体包括以下方式定义但不限于此方式：获取所述图像数据，将所述图像数据进行图像分析；分析出该图像数据中对应的RGB颜色值，定义一定RGB颜色值范围内的图像数据为整体的一区间，为此所述图像数据将被分解出不同的区间；当区间数达到一定的阈值时，则计算区间内数据与总的图像数据之间的占比，以及确认出RGB颜色值相近的区间；将所述占比较为大的区间独立开来，另再将RGB颜色值相近的区间合并一起，通过此种方式降低区间数，提高可印制区域的可识别率。由此可知，所述可印制区域可能为所述占比较为大的区间或者RGB颜色值相近的区间。

或者，将根据所述图像数据的获取指令，生成图像数据的获取规则，以通过所述获取规则，确认所述可印制区域。所述获取规则具体为：通过获取实时采集的图像，判断采集图像对应的所述占比较大的区间面积是否达到预设的可印制范围值，当所述区间数未达到预设的可印制范围值，则输出不可印制信息以提醒用户摆设好拍摄实物。

所述以用户的手势滑动操作或鼠标的移动操作为依据生成的规则，具体包括以下方式定义但不限于此方式：接收用户选择的可印制区域形状，将该形状处理透明虚框的显示形式以便用户根据当前第二图像数据选择可印制区域；再通过记录用户手势轨迹，调整所述透明虚框的大小，以此确认所述可印制区域的范围，如图11所示的四边形选框即为所述可印制区域。

或者，如图12所示，根据用户的手势滑动，将用户滑动的区域确认为第一区域、第二区域、第三区域等，且以特定效果颜色显示以表示用户的滑动结果，然后根据图像数据中的RGB颜色值，将用户滑动的区域和未滑动的区域进行RGB颜色值比对，根据比对结果确定两者的临界区域，根据所述临界区域将所述用户滑动的区域内与未滑动区域内具有RGB颜色值相叠合的区域进行清理；根据清理后的所述用户滑动的区域，将第一区域、第二区域、第三区域等合并为所述可印制区域，如图12显示的灰色选区即为所述可印制区域。例如用户通过手指滑动或者鼠标移动，构建形成的所述可印制区域显示为具有颜色叠底的选区，以表示该选区范围均为可印制区域。

需要说明的是，所述第一区域、第二区域、第三区域等是根据用户手指滑动形成的不定形区域，而通过用户选择的可印制区域的形状来框定所述可印制区域是根据用户选定的可印制区域的形状来确定的，是具有特定形状的。

本发明实施例中，所述获取当前图像数据，形成可印制区域，还包括以下后续步骤：依据形成的所述可印制区域，获得所述可印制区域的测量数据；将所述图像数据、可印制区域的对应区域数据和测量数据中至少一项存储于本地数据库或云端服务器。

可选的，本发明实施例中，所述依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域，包括以下实现方式但不限于此方式：根据所述测量数据，生成用于框定区间的标签；根据所述标签形成区域线，通过所述区域线形成所述可印制区域，如图11所示虚框。

本发明实施例中，本发明的图像合成方法可运用于但不限于T恤的设计中，例如还有桌布、壁纸等的设计。以T恤为例，请参照如图11所示的T恤，所述测量数据包括以下任意一项或多项：区域宽度(width)、区域高度(height)、区域距离左侧袖口距离(x)，区域距离顶部衣领距离(y)等。

本发明实施例中，所述测量数据可通过预置于服务器或终端设备的测量进程进行测量得出，另所述测量数据将存储于服务器或本地数据库以便后期可根据测量数据进行印制收费的建议。

具体的，所述可根据测量数据进行印制收费的建议，包括以下实现方式但不限于此方式：根据所述测量数据，计算所述可印制区域的面积，基于预设的收费标准以及根据所述可印制区域的面积，统计得出该可印制区域面积下的印制收费建议。

例如，请参照附图10-12中应用本发明所述方法的在线设计T恤印制图案的示例图，其中将T恤摆正，可利用摄像头终端拍摄T恤的照片，根据预定的区域规则或者用户的手势滑动操作划定T恤实体可印制区域，根据可印制区域测量区域的宽度(width)、高(height)、距离左侧袖口距离(x)、距离顶部衣领距离(y)等测量数据以及得出T恤照片的宽高数据，将T恤照片的图像数据、照片的宽高数据、可印制区域测量数据等的T恤数据录入本地数据库或服务器。用户可利用电脑或手机的浏览器采用本发明所述方法，其将使用AJAX技术获取本地数据库或服务器中的T恤数据；创建第一画布，定义名称为canvas，按T恤照片比例设置宽高；创建第二画布，定义名称为canvas_background，按T恤照片比例设置宽高，放置到内存中，采用z_index＝1的函数定义，表示该画布的处于第一层；将T恤照片根据宽高比例进行缩放后调用第一画布，采用drawImage方法将T恤照片绘制到第二画布中，作为背景图；将所述第二画布的内容绘制到所述第一画布的(0,0)位置，可实现在网页中展示T恤照片。其中根据width、height、x、y等相应测量数据，通过div标签生成四条线，并由此形成T恤印制区域的虚线框。

S102，根据用户操作调用合成素材，获取所述合成素材的配置信息。

本发明实施例中，步骤S102包括以下实现方式但不限于此方式：通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材；监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息；通过所述配置信息确认所述合成素材与所述图像数据间的位置关系。

本发明实施例中，所述监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息，包括以下实现方式但不限于此方式：监听用户在所述图像数据显示区域上的点击事件；判断所述点击事件的点击对象是否处于所述合成素材的所在区域之内；若是，则标记所述合成素材为可编辑对象，以获取用户针对所述可编辑对象进行的第二操作数据；若否，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。

本发明实施例中，所述配置信息包括该合成素材的大小、宽高、面积、图像效果叠加数据、分辨率、位置坐标、层级等。

本发明实施例中，所述第二操作数据对应的第二操作包括以下任意一种或多种：针对所述可编辑对象的大小调整、宽高调节、图像效果叠加、位置移动等。

具体的，本发明实施例中，当所述点击事件的点击对象处于所述合成素材的所在区域之外时，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。具体包括以下实现方式但不限于此方式：确认所述点击对象的所在图层，依据所述点击对象的所在图层，获取该所在图层下的可执行事件控件，根据所述可执行事件控件的展示窗，接收用户于所述展示窗中选择的可执行事件控件，确定所述可执行事件控件对应的可执行事件。

本发明实施例中，应用本发明所提供的图像合成方法，在确认形成所述可印制区域后，使用file控件为用户提供选择本地图片的按钮或者提供服务器中预置的设计图片；根据所选择的图片创建第三画布，定义名称为canvas_a，按T恤照片比例设置宽高，放置到内存中，采用z_index＝2的函数定义。

本发明实施例中，监听file控件的数据变化，当用户选择本地数据库后取出第一个文件，获取文件对应合成素材A的数据，并通过调用drawImage方法将所述合成素材A绘制到canvas_a第三画布的可印制区域中间。另外记录此时合成素材A在第一画布的位置、大小；将canvas_a画布的内容绘制到第一画布canvas的(0,0)位置，实现在T恤上面展示图案；监听鼠标或者用户手指在canvas画布上的点击事件；判断点击位置是否为合成素材A所在区域，若是，则设置拖拽标志drag为输出值true，且标志合成素材A为拖拽对象；当所述拖拽标志drag为true时，持续监听鼠标或用户手指移动事件或点击事件并获取当前鼠标位置或用户手指点击位置，根据鼠标位置或用户手指点击位置刷新所述拖拽对象合成素材A在canvas_a画布中的位置；采用clearRect方法清理canvas画布中包含的未变化之前合成素材A的内容；重新将canvas_background画布、canvas_a画布绘制到canvas画布的(0,0)位置，实现画布刷新，以此实现合成素材A的位置移动或大小变化。

本发明实施例中，应用本发明所提供的图像合成方法，可添置多个所述合成素材进行图像合成，具体的实现方式包括以下但不局限于此方式：创建第三画布，定义其名称为canvas_b，按T恤照片比例设置宽高，并将其放置到内存中，采用函数z_index＝3将其进行定义；监听file控件的数据变化，获取用户选择的合成素材B的数据并调用drawImage方法将合成素材B绘制到canvas_b画布的可印制区域中间，并记录当前合成素材A所在画布的位置、大小；通过使用clearRect方法清理canvas画布中包含的未变化之前合成素材B的内容；再重新将canvas_background画布、canvas_a画布、canvas_b画布绘制到canvas画布的(0,0)位置，实现合成素材A、合成素材B在T恤上的显示。由此可见，本发明实现绘制图像数据与合成素材的合成效果图，且可供用户实时浏览设计出的合成效果图。

本发明实施例中，应用本发明所述图像合成方法，所述画布之间存在层级位置关系，还提供了改变所述画布之间的上下层级位置的方案，具体包括以下方式但不局限于此种方式：创建上一层按钮并将其定义为button_up与下一层按钮并将其定义为button_down；监听鼠标或用户手指在canvas画布上的点击事件，判断所述点击事件的点击位置所处的区域，后根据所点击的区域确实区域内存在的对象为所述可编辑对象，以通过调节创建的上下层按钮确定可编辑对象的层级位置关系。例如：点击的区域假设为合成素材B的所在区域，即选定canvas_b画布为所述可编辑对象；通过接收用户点击button_down按钮的按钮指令将canvas_a画布设置为z_index＝3，则canvas_b画布改变为z_index＝2；另调用clearRect方法清理canvas画布中未编辑前合成素材A和合成素材B的内容；再根据canvas_background画布、canvas_a画布、canvas_b画布的z_index的值，从小到大的顺序绘制到canvas画布的(0,0)位置。由此实现了将合成素材B移动到合成素材A的下面的目的，同时保证T恤背景图在最底部。

需要说明的是，应用本发明所提供的方法将合成素材B往上移一层，即合成素材B放置到合成素材A的上面，同样应用了上述的改变所述画布之间的上下层级位置的方案，再次便不多加赘述。

S103，根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

本发明实施例中，步骤S103包括以下实现方式但不限于此方式：依据存储的所述配置信息，获取所述合成素材与图像数据之间的位置关系；根据所述位置关系，绘制所述合成素材和图像数据形成所述图像合成数据。

本发明实施例中，所述合成素材和图像数据之间的合成之前首先需确认所述合成素材在采集图像数据对应画布中的位置关系，所述位置关系包括所述合成素材在画布中的坐标位置关系、以及所述合成素材之间的层级位置关系。

本发明实施例中，根据所述位置关系，确定合成素材的位置和大小，并记录于本地数据库或服务器中，以防用户使用时突然退出时数据丢失。通过记录的所述合成素材的位置和大小，监测所述图像合成方法对应程序的运行状态，当所述运行状态出现异常退出的记录时，在重新启用所述图像合成方法对应程序后，将调用存储的图像数据、合成素材以及对应合成素材的位置、大小，以恢复至原先编辑的环境，以此也避免了程序闪退为用户带来的不好体验。

本发明实施例中，在确定所述位置关系后，将采用clearRect方法清理编辑前的旧数据，以此避免了出现图像叠影的现象。

请参阅附图2所示的第二实施例的流程图，本发明提供一种图像合成方法，还包括：

S201，获取当前摄像终端采集的第一图像数据或存储于本地的第二图像数据。

本发明实施例中，所述获取当前终端采集的第一图像数据的具体实现方式包括：通过具备有摄像头的终端实时采集当前的图像，经一些相关的图像处理后输出所述第一图像数据。

本发明实施例中，通过手机摄像头采集当前的图像，在网页的模式下调取摄像头采集的图像，具体包括步骤：发起访问手机摄像头模块请求，接收响应于该请求下手机摄像头模块反馈的授权指令，依据于该授权指令，生成调取当前采集图像的调用指令，基于所述调用指令，将采集的图像转换为数字信号，并触发用于处理该数字信号的处理指令，并在所述处理指令的指示下进行一系列的图像降噪、图像增强、图像压缩等操作。

本发明实施例中，所述获取存储于本地的第二图像数据，具体包括以下方式：请求本地终端的文件访问授权，当接收到用户触发的确认访问授权后将通过file控件访问本地终端的文件数据库，进一步监听用户的点击的操作所选择的备选对象，当再一次接收到用户所触发的确认选择指令后，定义所述备选对象为选择对象，后获取所述选择对象多对应的图像地址信息，以根据所述图像地址信息提取出所述第二图像数据。

本发明实施例中，所述第一图像数据或第二图像数据包含于所述图像数据，具体体现形式包括图片、Gif动图、视频等。为此，本发明为用户提供了一种不需要下载新的图像处理应用程序可实现在线图像编辑的环境，当然本发明方法可应用在图像编辑应用程序上，其实现的效果与将本发明所述方法应用在服务器是相同的，在此不多加赘述。

S202，依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

本发明实施例中，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

所述用于自动定义可印制区域的规则的具体包括以下方式定义但不限于此方式：获取所述图像数据，将所述图像数据进行图像分析；分析出该图像数据中对应的RGB颜色值，定义一定RGB颜色值范围内的图像数据为整体的一区间，为此所述图像数据将被分解出不同的区间；当区间数达到一定的阈值时，则计算区间内数据与总的图像数据之间的占比，以及确认出RGB颜色值相近的区间；将所述占比较为大的区间独立开来，另再将RGB颜色值相近的区间合并一起，通过此种方式降低区间数，提高可印制区域的可识别率。由此可知，所述可印制区域可能为所述占比较为大的区间或者RGB颜色值相近的区间。

或者，将根据所述图像数据的获取指令，生成图像数据的获取规则，以通过所述获取规则，确认所述可印制区域。所述获取规则具体为：通过获取实时采集的图像，判断采集图像对应的所述占比较大的区间面积是否达到预设的可印制范围值，当所述区间数未达到预设的可印制范围值，则输出不可印制信息以提醒用户摆设好拍摄实物。

所述以用户的手势滑动操作或鼠标的移动操作为依据生成的规则，具体包括以下方式定义但不限于此方式：接收用户选择的可印制区域形状，将该形状处理透明虚框的显示形式以便用户根据当前第二图像数据选择可印制区域；再通过记录用户手势轨迹，调整所述透明虚框的大小，以此确认所述可印制区域的范围。

或者，如图12所示，根据用户的手势滑动，将用户滑动的区域确认为第一区域、第二区域、第三区域等，且以特定效果颜色显示以表示用户的滑动结果，后根据图像数据中的RGB颜色值，将用户滑动的区域和未滑动的区域进行RGB颜色值比对，根据比对结果确定两者的临界区域，根据所述临界区域将所述用户滑动的区域内与未滑动区域内具有RGB颜色值相叠合的区域进行清理；根据清理后的所述用户滑动的区域，将第一区域、第二区域、第三区域等合并为所述可印制区域。例如用户通过手指滑动或者鼠标移动，构建形成的所述可印制区域显示为具有颜色叠底的选区，以表示该选区范围均为可印制区域。

需要说明的是，本发明实施例中提供的所述可印制区域的生成方案除了通过预置的自动定义区域规则和以用户的手势滑动操作或鼠标的移动操作为依据生成的规则之外，还包括默认方式下可印制区域居中设置形成的规则，在此变不多加赘述。

S203，依据形成的所述可印制区域，获得所述可印制区域的测量数据。

S204，将所述图像数据、可印制区域的对应区域数据和测量数据中至少一项存储于本地数据库或云端服务器。

本发明实施例中，所述依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域，包括以下实现方式但不限于此方式：根据所述测量数据，生成用于框定区间的标签；根据所述标签形成区域线，通过所述区域线形成所述可印制区域，如图11所示虚框。

本发明实施例中，请参照如图11所示的T恤，所述测量数据包括以下任意一项或多项：区域宽度(width)、区域高度(height)、区域距离左侧袖口距离(x)，区域距离顶部衣领距离(y)等。

本发明实施例中，所述测量数据可通过预置于服务器或终端设备的测量进程进行测量得出，另所述测量数据将存储于服务器或本地数据库以便后期可根据测量数据进行印制收费的建议。

具体的，所述可根据测量数据进行印制收费的建议，包括以下实现方式但不限于此方式：根据所述测量数据，计算所述可印制区域的面积，基于预设的收费标准以及根据所述可印制区域的面积，统计得出该可印制区域面积下的印制收费建议。

请参阅附图3所示的第三实施例的流程图，本发明提供一种图像合成方法，还包括：

S201，获取当前摄像终端采集的第一图像数据或存储于本地的第二图像数据。

本发明实施例中，所述获取当前终端采集的第一图像数据的具体实现方式和获取存储于本地的第二图像数据的实现方式与上一实施例原理相同，故便不在多加赘述。

S202，依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

本发明实施例中，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

本发明实施例中，其所述可印制区域的生成方式正如上一实施例原理相同，故便不在多加赘述。

S301，通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材。

本发明实施例中，所述特置控件用于向本地数据库或服务器提起访问请求，可将其理解为名称为file的控件，另根据所述访问请求生成向本地数据库或服务器提取图像数据或合成素材的调用请求，以供本地数据库或服务器根据所述调用请求输出相应的图像数据或合成素材。

本发明实施例中，所述通过特置控件监听用户的第一操作数据，包括以下实现方式但不局限于此方式：显示所述特置控件对应的图形按钮，接收用户点击该图形按钮的确认指令，根据所述确认指令启用监听用户操作的机制，即记录用户在图形按钮显示之后的显示图案上的操作，由此生成用户的第一操作数据。需要说明的是，生成用户的第一操作数据是在所述特置控件已获得本地数据库或服务器的授权访问权限的前提下。

例如，当用户点击了所述图形按钮后，向用户显示有本地数据库或服务器中存有的图片，用户点击了任意一图片，则确认该图片为选中对象，再一次接收到用户的确认指令后则调取该图片对应的数据。其中用户的进行的第一操作数据对应的第一操作包括点击所述图形按钮的操作、点击选择任意一图片的操作、以及再一次确认选中对象的点击操作。

S302，监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息。

本发明实施例中，所述第二操作数据对应的第二操作包括以下任意一种或多种：针对所述可编辑对象的大小调整、宽高调节、图像效果叠加、位置移动等。

具体的，本发明实施例中，当所述点击事件的点击对象处于所述合成素材的所在区域之外时，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。具体包括以下实现方式但不限于此方式：确认所述点击对象的所在图层，依据所述点击对象的所在图层，获取该所在图层下的可执行事件控件，根据所述可执行事件控件的展示窗，接收用户于所述展示窗中选择的可执行事件控件，确定所述可执行事件控件对应的可执行事件。

S303，通过所述配置信息确认所述合成素材与所述图像数据间的位置关系。

本发明实施例中，所述位置关系包括有坐标位置关系和层级位置关系。所述第二操作数据将改变所述合成素材与所述图像数据间的位置关系，具体可体现在所述合成素材位置上和大小上的变化，其原理与上述实施例相同，故在此便不多加赘述。

S304，依据存储的所述配置信息，获取所述合成素材与图像数据的位置关系。

本发明实施例中，所述配置信息包括有所述合成素材的大小、宽高、面积、图像效果叠加数据、分辨率、位置坐标、层级等，另外所述配置信息还包括所述图像数据的大小、宽高、面积、图像效果叠加数据、分辨率、位置坐标、层级等。

本发明实施例中，所述配置信息还包括所述测量数据，其目的在于提供一项可选方案，即可根据所述配置信息，计算所述可印制区域的面积，基于预设的收费标准以及根据所述可印制区域的面积，统计得出该可印制区域面积下的印制收费建议。

本发明实施例中，通过存储的配置信息以防用户使用时突然退出时数据丢失。通过记录的所述合成素材的位置和大小，监测所述图像合成方法对应程序的运行状态，当所述运行状态出现异常退出的记录时，在重新启用所述图像合成方法对应程序后，将调用存储的图像数据、合成素材以及对应合成素材的位置、大小，以恢复至原先编辑的环境，以此也避免了程序闪退为用户带来的不好体验。

S305，根据所述位置关系，绘制所述合成素材和图像数据形成所述合成数据。

本发明实施例中，绘制所述合成素材和图像数据于所述图像数据对应的画布中，其还根据用户的第二操作数据实时采用clearRect方法清理画布在未编辑前的状态图像数据，以实现实时刷新合成数据的作用。

请参阅附图4所示的第四实施例的流程图，本发明提供一种图像合成方法，还包括：

S401，依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布。

S402，创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中。

例如，请参照附图10-12中应用本发明所述方法的在线设计T恤印制图案时的示例图，其中将T恤摆正，可利用摄像头终端拍摄T恤的照片，根据预定的区域规则或者用户的手势滑动操作划定T恤实体可印制区域，根据可印制区域测量区域的宽度(width)、高(height)、距离左侧袖口距离(x)、距离顶部衣领距离(y)等测量数据以及得出T恤照片的宽高数据，将T恤照片的图像数据、照片的宽高数据、可印制区域测量数据等的T恤数据录入本地数据库或服务器。用户可利用电脑或手机的浏览器采用本发明所述方法，其将使用AJAX技术获取本地数据库或服务器中的T恤数据；创建第一画布，定义名称为canvas，按T恤照片比例设置宽高；创建第二画布，定义名称为canvas_background，按T恤照片比例设置宽高，放置到内存中，采用z_index＝1的函数定义，表示该画布的处于第一层；将T恤照片根据宽高比例进行缩放后调用第一画布，采用drawImage方法将T恤照片绘制到第二画布中，作为背景图；将所述第二画布的内容绘制到所述第一画布的(0,0)位置，可实现在网页中展示T恤照片。其中根据width、height、x、y等相应测量数据，通过div标签生成四条线，并由此形成T恤印制区域的虚线框。

S403，根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布。

S404，基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

本发明实施例中，应用本发明所提供的图像合成方法，在确认形成所述可印制区域后，使用file控件为用户提供选择本地图片的按钮或者提供服务器中预置的设计图片；根据所选择的图片创建第三画布，定义名称为canvas_a，按T恤照片比例设置宽高，放置到内存中，采用z_index＝2的函数定义。

本发明实施例中，监听file控件的数据变化，当用户选择本地数据库后取出第一个文件，获取文件对应合成素材A的数据，并通过调用drawImage方法将所述合成素材A绘制到canvas_a第三画布的可印制区域中间。另外记录此时合成素材A在第一画布的位置、大小；将canvas_a画布的内容绘制到第一画布canvas的(0,0)位置，实现在T恤上面展示图案；监听鼠标或者用户手指在canvas画布上的点击事件；判断点击位置是否为合成素材A所在区域，若是，则设置拖拽标志drag为输出值true，且标志合成素材A为拖拽对象；当所述拖拽标志drag为true时，持续监听鼠标或用户手指移动事件或点击事件并获取当前鼠标位置或用户手指点击位置，根据鼠标位置或用户手指点击位置刷新所述拖拽对象合成素材A在canvas_a画布中的位置；采用clearRect方法清理canvas画布中包含的未变化之前合成素材A的内容；重新将canvas_background画布、canvas_a画布绘制到canvas画布的(0,0)位置，实现画布刷新，以此实现合成素材A的位置移动或大小变化；

本发明实施例中，应用本发明所提供的图像合成方法，可添置多个所述合成素材进行图像合成，具体的实现方式包括以下但不局限于此方式：创建第三画布，定义其名称为canvas_b，按T恤照片比例设置宽高，并将其放置到内存中，采用函数z_index＝3将其进行定义；监听file控件的数据变化，获取用户选择的合成素材B的数据并调用drawImage方法将合成素材B绘制到canvas_b画布的可印制区域中间，并记录当前合成素材A所在画布的位置、大小；通过使用clearRect方法清理canvas画布中包含的未变化之前合成素材B的内容；再重新将canvas_background画布、canvas_a画布、canvas_b画布绘制到canvas画布的(0,0)位置，实现合成素材A、合成素材B在T恤上的显示。由此可见，本发明实现绘制图像数据与合成素材的合成效果图，且可供用户实时浏览设计出的合成效果图。

本发明实施例中，应用本发明所述图像合成方法，所述画布之间存在层级位置关系，还提供了改变所述画布之间的上下层级位置的方案，具体包括以下方式但不局限于此种方式：创建上一层按钮并将其定义为button_up与下一层按钮并将其定义为button_down；监听鼠标或用户手指在canvas画布上的点击事件，判断所述点击事件的点击位置所处的区域，后根据所点击的区域确实区域内存在的对象为所述可编辑对象，以通过调节创建的上下层按钮确定可编辑对象的层级位置关系。例如：点击的区域假设为合成素材B的所在区域，即选定canvas_b画布为所述可编辑对象；通过接收用户点击button_down按钮的按钮指令将canvas_a画布设置为z_index＝3，则canvas_b画布改变为z_index＝2；另调用clearRect方法清理canvas画布中未编辑前合成素材A和合成素材B的内容；再根据canvas_background画布、canvas_a画布、canvas_b画布的z_index的值，从小到大的顺序绘制到canvas画布的(0,0)位置。由此实现了将合成素材B移动到合成素材A的下面的目的，同时保证T恤背景图在最底部。

需要说明的是，应用本发明所提供的方法将合成素材B往上移一层，即合成素材B放置到合成素材A的上面，同样应用了上述的改变所述画布之间的上下层级位置的方案，再次便不多加赘述。

请参阅附图5所示的第一实施例结构框图，本发明提供一种图像合成装置，包括：

获取模块11：用于获取图像数据，形成可印制区域。

本发明实施例中，所述获取模块11还用于实现以下步骤：获取当前终端采集的第一图像数据或存储于本地的第二图像数据；依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

其中所述获取当前终端采集第一图像数据的具体实现方式包括：通过具备有摄像头的终端实时采集当前的图像，经一些相关的图像处理后输出所述第一图像数据。

本发明实施例中，通过手机摄像头采集当前的图像，在网页的模式下调取摄像头采集的图像，具体包括步骤：发起访问手机摄像头模块请求，接收响应于该请求下手机摄像头模块反馈的授权指令，依据于该授权指令，生成调取当前采集图像的调用指令，基于所述调用指令，将采集的图像转换为数字信号，并触发用于处理该数字信号的处理指令，并在所述处理指令的指示下进行一系列的图像降噪、图像增强、图像压缩等操作。

本发明实施例中，所述获取存储于本地的第二图像数据，具体包括以下方式：请求本地终端的文件访问授权，当接收到用户触发的确认访问授权后将通过file控件访问本地终端的文件数据库，进一步监听用户的点击的操作所选择的备选对象，当再一次接收到用户所触发的确认选择指令后，定义所述备选对象为选择对象，后获取所述选择对象多对应的图像地址信息，以根据所述图像地址信息提取出所述第二图像数据。

本发明实施例中，所述可印制区域表示可被用于添置其他图像数据的区域，其形成受制于所述获取模块11。可通过默认框定选择定义可印制区域、或基于预置规则以自动定义可印制区域、或通过监听鼠标或用户手指移动轨迹定义可印制区域。

调用模块12：用于根据用户操作调用合成素材，获取所述合成素材的配置信息。

本发明实施例中，所述调用模块12还用于实现以下步骤：通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材；监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息；通过所述配置信息确认所述合成素材与所述图像数据间的位置关系。

本发明实施例中，所述配置信息包括该合成素材的大小、宽高、面积、图像效果叠加数据、分辨率、位置坐标、层级等。

本发明实施例中，所述第二操作数据对应的第二操作包括以下任意一种或多种：针对所述可编辑对象的大小调整、宽高调节、图像效果叠加、位置移动等。

需要说明的是，所述调用模块12所实现的功能与上述实施例的步骤102所述得到的效果相同，在此便不多加赘述。

合成模块13：用于根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

本发明实施例中，所述合成模块13还用于实现以下步骤：依据存储的所述配置信息，获取所述合成素材与图像数据之间的位置关系；根据所述位置关系，绘制所述合成素材和图像数据形成所述图像合成数据。

本发明实施例中，所述合成素材和图像数据之间的合成之前首先需确认所述合成素材在采集图像数据对应画布中的位置关系，所述位置关系包括所述合成素材在画布中的坐标位置关系、以及所述合成素材之间的层级位置关系。

本发明实施例中，根据所述位置关系，确定合成素材的位置和大小，并记录于本地数据库或服务器中，以防用户使用时突然退出时数据丢失。通过记录的所述合成素材的位置和大小，监测所述图像合成方法对应程序的运行状态，当所述运行状态出现异常退出的记录时，在重新启用所述图像合成方法对应程序后，将调用存储的图像数据、合成素材以及对应合成素材的位置、大小，以恢复至原先编辑的环境，以此也避免了程序闪退为用户带来的不好体验。

本发明实施例中，在确定所述位置关系后，将采用clearRect方法清理编辑前的旧数据，以此避免了出现图像叠影的现象。

请参阅附图6所示的第二实施例结构框图，本发明提供一种图像合成装置，还包括：

采集模块21：用于获取当前摄像终端采集的第一图像数据或存储于本地的第二图像数据。

本发明实施例中，通过手机摄像头采集当前的图像，在网页的模式下调取摄像头采集的图像，即所述采集模块21中所述第一图像数据。

本发明实施例中，请求本地终端的文件访问授权，当接收到用户触发的确认访问授权后将通过file控件访问本地终端的文件数据库，进一步监听用户的点击的操作所选择的备选对象，当再一次接收到用户所触发的确认选择指令后，定义所述备选对象为选择对象，后获取所述选择对象多对应的图像地址信息，以根据所述图像地址信息提取出所述第二图像数据。

本发明实施例中，所述第一图像数据或第二图像数据包含于所述图像数据，具体体现形式包括图片、Gif动图、视频等。为此，本发明为用户提供了一种不需要下载新的图像处理应用程序可实现在线图像编辑的环境，当然本发明所述装置可应用在图像编辑应用程序上，其实现的效果与将本发明所述装置应用在服务器是相同的，在此不多加赘述。

区域生成模块22：用于依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

本发明实施例中，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。即所述可印制区域的生成方式包括自动识别定义生成、通过用户手势滑动操作或鼠标移动操作生成、以及通过系统默认框定生成。

需要说明的是，所述区域生成模块22所起到的效果与上述步骤S202的实现效果相同，该区域生成模块22应用了所述步骤S202中的方法，在此便不多加赘述。

测量模块23：用于依据形成的所述可印制区域，获得所述可印制区域的测量数据。

存储模块24：用于将所述图像数据、可印制区域的对应区域数据和测量数据中至少一项存储于本地数据库或云端服务器。

本发明实施例中，请参照如图11所示的T恤，所述测量数据包括以下任意一项或多项：区域宽度(width)、区域高度(height)、区域距离左侧袖口距离(x)，区域距离顶部衣领距离(y)等。

本发明实施例中，所述测量数据可通过预置于服务器或终端设备的测量进程即所述测量模块23进行测量得出，另所述测量数据将存储于服务器或本地数据库以便后期可根据测量数据进行印制收费的建议。

具体的，所述可根据测量数据进行印制收费的建议基于所述存储模块24，还用于实现以下方式但不限于此方式：根据所述测量数据，计算所述可印制区域的面积，基于预设的收费标准以及根据所述可印制区域的面积，统计得出该可印制区域面积下的印制收费建议。

请参阅附图7所示的第三实施例结构框图，本发明提供一种图像合成装置，还包括：

采集模块21：用于获取当前摄像终端采集的第一图像数据或存储于本地的第二图像数据。

区域生成模块22：用于依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

需要说明的是，所述采集模块21和区域生成模块22所起到的效果与上述步骤S201和步骤S202的实现效果相同，该采集模块21和区域生成模块22应用了所述步骤S201和步骤S202中的方法，在此便不多加赘述。

第一监听模块31：用于通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材。

本发明实施例中，所述特置控件用于向本地数据库或服务器提起访问请求，可将其理解为名称为file的控件，另根据所述访问请求生成向本地数据库或服务器提取图像数据或合成素材的调用请求，以供本地数据库或服务器根据所述调用请求输出相应的图像数据或合成素材。

本发明实施例中，所述第一监听模块31还包括用于实现以下步骤：显示所述特置控件对应的图形按钮，接收用户点击该图形按钮的确认指令，根据所述确认指令启用监听用户操作的机制，即记录用户在图形按钮显示之后的显示图案上的操作，由此生成用户的第一操作数据。需要说明的是，生成用户的第一操作数据是在所述特置控件已获得本地数据库或服务器的授权访问权限的前提下。

第二监听模块32：用于监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息。

本发明实施例中，所述第二操作数据对应的第二操作包括以下任意一种或多种：针对所述可编辑对象的大小调整、宽高调节、图像效果叠加、位置移动等。

具体的，本发明实施例中，所述第二监听模块32在执行中，当所述点击事件的点击对象处于所述合成素材的所在区域之外时，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。具体包括以下实现方式但不限于此方式：确认所述点击对象的所在图层，依据所述点击对象的所在图层，获取该所在图层下的可执行事件控件，根据所述可执行事件控件的展示窗，接收用户于所述展示窗中选择的可执行事件控件，确定所述可执行事件控件对应的可执行事件。

确认模块33：用于通过所述配置信息确认所述合成素材与所述图像数据间的位置关系。

位置关系模块34：用于依据存储的所述配置信息，获取所述合成素材与图像数据的位置关系。

本发明实施例中，所述位置关系模块34用于获取所述位置关系，所述位置关系包括有坐标位置关系和层级位置关系。所述第二操作数据将改变所述合成素材与所述图像数据间的位置关系，具体可体现在所述合成素材位置上和大小上的变化，其原理与上述实施例相同，以及该位置关系模块34与步骤S304所所实现的效果相同，故在此便不多加赘述。

绘制模块35：用于根据所述位置关系，绘制所述合成素材和图像数据形成所述合成数据。

本发明实施例中，所述绘制模块35在运作中时，绘制所述合成素材和图像数据于所述图像数据对应的画布中，其还根据用户的第二操作数据实时采用clearRect方法清理画布在未编辑前的状态图像数据，以实现实时刷新合成数据的作用。

请参阅附图8所示的第四实施例结构框图，本发明提供一种图像合成装置，还包括：

第一画布模块41：用于依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布。

本发明实施例中，所述第一画布模块41的运行目的在于创建所述第一画布，其第一画布为基础画布。当用户所需编辑对象为该图像数据时，则需接收用户点击该第一画布的点击指令，当所述第一指令在所述第一画布中得到相应的验证后确认该第一画布为编辑对象。

第二画布模块42：用于创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中。

本发明实施例中，应用所述第一画布模块41和第二画布模块42时，以在线设计T恤印制图案为示例，具体的运作方式为：将T恤摆正，可利用摄像头终端拍摄T恤的照片，根据预定的区域规则或者用户的手势滑动操作划定T恤实体可印制区域，根据可印制区域测量区域的宽度(width)、高(height)、距离左侧袖口距离(x)、距离顶部衣领距离(y)等测量数据以及得出T恤照片的宽高数据，将T恤照片的图像数据、照片的宽高数据、可印制区域测量数据等的T恤数据录入本地数据库或服务器。用户可利用电脑或手机的浏览器采用本发明所述装置，其将使用AJAX技术获取本地数据库或服务器中的T恤数据；创建第一画布，定义名称为canvas，按T恤照片比例设置宽高；创建第二画布，定义名称为canvas_background，按T恤照片比例设置宽高，放置到内存中，采用z_index＝1的函数定义，表示该画布的处于第一层；将T恤照片根据宽高比例进行缩放后调用第一画布，采用drawImage方法将T恤照片绘制到第二画布中，作为背景图；将所述第二画布的内容绘制到所述第一画布的(0,0)位置，可实现在网页中展示T恤照片。其中根据width、height、x、y等相应测量数据，通过div标签生成四条线，并由此形成T恤印制区域的虚线框。

第三画布模块43：用于根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布。

本发明实施例中，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

本发明实施例中，所述合成素材可为图片、Gif动图、视频、效果叠加模板等。该第三画布模块43中建立所述第三画布其为实现构建可编辑环境。

确认合成模块44：用于基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

本发明实施例中，应用本发明所提供的图像合成装置，在确认形成所述可印制区域后，所述第三画布模块43使用file控件为用户提供选择本地图片的按钮或者提供服务器中预置的设计图片；根据所选择的图片创建第三画布，定义名称为canvas_a，按T恤照片比例设置宽高，放置到内存中，采用z_index＝2的函数定义。

本发明实施例中，所述确认合成模块44监听file控件的数据变化，当用户选择本地数据库后取出第一个文件，获取文件对应合成素材A的数据，并通过调用drawImage方法将所述合成素材A绘制到canvas_a第三画布的可印制区域中间。另外记录此时合成素材A在第一画布的位置、大小；将canvas_a画布的内容绘制到第一画布canvas的(0,0)位置，实现在T恤上面展示图案；监听鼠标或者用户手指在canvas画布上的点击事件；判断点击位置是否为合成素材A所在区域，若是，则设置拖拽标志drag为输出值true，且标志合成素材A为拖拽对象；当所述拖拽标志drag为true时，持续监听鼠标或用户手指移动事件或点击事件并获取当前鼠标位置或用户手指点击位置，根据鼠标位置或用户手指点击位置刷新所述拖拽对象合成素材A在canvas_a画布中的位置；采用clearRect方法清理canvas画布中包含的未变化之前合成素材A的内容；重新将canvas_background画布、canvas_a画布绘制到canvas画布的(0,0)位置，实现画布刷新，以此实现合成素材A的位置移动或大小变化。

本发明实施例中，应用本发明所提供的图像合成装置，可利用所述确认合成模块44添置多个所述合成素材进行图像合成，具体的实现方式包括以下但不局限于此方式：创建第三画布，定义其名称为canvas_b，按T恤照片比例设置宽高，并将其放置到内存中，采用函数z_index＝3将其进行定义；监听file控件的数据变化，获取用户选择的合成素材B的数据并调用drawImage方法将合成素材B绘制到canvas_b画布的可印制区域中间，并记录当前合成素材A所在画布的位置、大小；通过使用clearRect方法清理canvas画布中包含的未变化之前合成素材B的内容；再重新将canvas_background画布、canvas_a画布、canvas_b画布绘制到canvas画布的(0,0)位置，实现合成素材A、合成素材B在T恤上的显示。由此可见，本发明实现绘制图像数据与合成素材的合成效果图，且可供用户实时浏览设计出的合成效果图。

本发明实施例中，应用本发明所述图像合成装置，所述画布之间存在层级位置关系，所述确认合成模块44还用于改变所述画布之间的上下层级位置，具体实现以下方式但不局限于此种方式：创建上一层按钮并将其定义为button_up与下一层按钮并将其定义为button_down；监听鼠标或用户手指在canvas画布上的点击事件，判断所述点击事件的点击位置所处的区域，后根据所点击的区域确实区域内存在的对象为所述可编辑对象，以通过调节创建的上下层按钮确定可编辑对象的层级位置关系。例如：点击的区域假设为合成素材B的所在区域，即选定canvas_b画布为所述可编辑对象；通过接收用户点击button_down按钮的按钮指令将canvas_a画布设置为z_index＝3，则canvas_b画布改变为z_index＝2；另调用clearRect方法清理canvas画布中未编辑前合成素材A和合成素材B的内容；再根据canvas_background画布、canvas_a画布、canvas_b画布的z_index的值，从小到大的顺序绘制到canvas画布的(0,0)位置。由此实现了将合成素材B移动到合成素材A的下面的目的，同时保证T恤背景图在最底部。

需要说明的是，应用本发明所提供的装置中所述确认合成模块44将合成素材B往上移一层，即合成素材B放置到合成素材A的上面，同样应用了上述的改变所述画布之间的上下层级位置的方案，再次便不多加赘述。

本发明还提供一种设备，其特征在于，包括：

一个或多个第一处理器；

第一存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第一存储器中并被配置为由所述一个或多个第一处理器执行；

所述一个或多个程序用于驱动所述一个或多个第二处理器构造用于执行以下步骤：

获取图像数据，形成可印制区域；

根据用户操作调用合成素材，获取所述合成素材的配置信息；

根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

本发明实施例中，所述设备典型地包括多种计算机系统可读介质。这些介质可以是任何能够被设备访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

本发明实施例中，第一存储器可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)和/或高速缓存存储器。所述设备可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，所述第一存储器可以用于读写不可移动的、非易失性磁介质。

本发明实施例中，所述第一存储器可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)所述程序，这些程序被配置以执行本发明各实施例的功能。

本发明实施例中，所述设备也可以与一个或多个外部设备(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该设备交互的设备通信，和/或与使得该设备能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。

本发明还提供一种设备，其特征在于，还包括：

一个或多个第二处理器；

第二存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第二存储器中并被配置为由所述一个或多个第二处理器执行；

所述一个或多个程序用于驱动所述一个或多个第二处理器构造用于执行以下步骤：

依据获取的图像数据，创建第一画布；

识别所述第一画布中图像数据得出图像数据中的可印制对象，并创建第二画布；

根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

本发明实施例中，所述设备典型地包括多种计算机系统可读介质。这些介质可以是任何能够被设备访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

本发明实施例中，第二存储器可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)和/或高速缓存存储器。所述设备可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，所述第二存储器可以用于读写不可移动的、非易失性磁介质。

本发明实施例中，所述第二存储器可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)所述程序，这些程序被配置以执行本发明各实施例的功能。

本发明实施例中，所述设备也可以与一个或多个外部设备(例如键盘、指向设备、显示器等)通信，还可与一个或者多个使得用户能与该设备交互的设备通信，和/或与使得该设备能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。

相应的，本发明还提供一种图像载体，包括图像呈现区域，所述图像呈现区域内的图像采用上述任一项所述的图像合成方法合成。具体所述图像载体可为T恤、餐桌布、壁纸等。

综上所述，本发明提供的能够在网页端实现图像合成的方法、装置及设备，其通过所述区域规则将获取的图像数据进行分析划定，形成可印制区域，并通过调用的合成素材，在可印制区域的范围内定义所述合成素材的配置信息，以合成出用户所需的图像合成数据。本发明为用户提供一个更为方便的图像编辑环境，在用户不熟悉图像编辑软件的情况也能够轻松完成编辑。

还有，本发明所提供的图像合成方法应用在终端设备中，节省了终端设备的内存占用，用户可通过鼠标、实体按键、或者手指触控进行一系列操作改变图像数据对应图像个体或合成素材的规格和显示效果，以实现绘制图像数据与合成素材的合成效果图，且可供用户实时浏览设计出的合成效果图。

另外的，本发明提供的图像合成方法还可实现多图层画布的编辑，将可编辑的对象单独出为独立的图层画布，达到分类编辑，统一管理的目的，具有图像编辑的明确性和指向性，由此也实现任何一种用户可轻松完成图像编辑的目的。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (14)

1.一种图像合成方法，其特征在于，包括以下步骤：

获取图像数据，形成可印制区域；

根据用户操作调用合成素材，获取所述合成素材的配置信息；

根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

2.根据权利要求1所述的方法，其特征在于，所述获取当前图像数据，形成可印制区域，包括以下步骤：

获取当前终端采集的第一图像数据或存储于本地的第二图像数据；

依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域。

3.根据权利要求2所述的方法，其特征在于，所述区域规则为预先设置的用于自动定义可印制区域的规则；和/或所述区域规则为以用户的手势滑动操作或鼠标的移动操作为依据生成的规则。

4.根据权利要求2所述的方法，其特征在于，所述获取当前图像数据，形成可印制区域后，还包括：

依据形成的所述可印制区域，获得所述可印制区域的测量数据；

将所述图像数据、可印制区域的对应区域数据和测量数据中至少一项存储于本地数据库或云端服务器。

5.根据权利要求4所述的方法，其特征在于，所述依据于预置的区域规则，在所述第一图像数据或第二图像数据的基础上，生成可印制区域，包括以下步骤：

根据所述测量数据，生成用于框定区间的标签；

根据所述标签形成区域线，通过所述区域线形成所述可印制区域。

6.根据权利要求1所述的方法，其特征在于，所述根据用户操作调用合成素材，获取所述合成素材的配置信息，包括以下步骤：

通过特置控件监听用户的第一操作数据，根据所述操作数据向本地数据库或云端服务器获取所述合成素材；

监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息；

通过所述配置信息确认所述合成素材与所述图像数据间的位置关系。

7.根据权利要求6所述的方法，其特征在于，所述监听用户的第二操作数据，通过所述第二操作数据生成所述合成素材的配置信息，包括以下步骤：

监听用户在所述图像数据显示区域上的点击事件；

判断所述点击事件的点击对象是否处于所述合成素材的所在区域之内；

若是，则标记所述合成素材为可编辑对象，以获取用户针对所述可编辑对象进行的第二操作数据；

若否，则识别所述合成素材所在区域外的所述点击对象，以根据识别点击对象的识别结果确认执行事件。

8.根据权利要求6所述的方法，其特征在于，所述根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据，包括以下步骤：

依据存储的所述配置信息，获取所述合成素材与图像数据之间的位置关系；

根据所述位置关系，绘制所述合成素材和图像数据形成所述图像合成数据。

9.一种图像合成方法，其特征在于，还包括以下步骤：

依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布；

创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中；

根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

10.一种图像合成装置，其特征在于，包括：

获取模块：用于获取图像数据，形成可印制区域；

调用模块：用于根据用户操作调用合成素材，获取所述合成素材的配置信息；

合成模块：用于根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

11.一种图像合成装置，其特征在于，还包括：

第一画布模块：用于依据获取的图像数据，识别所述图像数据得出图像数据中的可印制对象，并创建第一画布；

第二画布模块：用于创建第二画布，将所述第一画布中可印制对象绘制至所述第二画布中；

第三画布模块：用于根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

确认合成模块：用于基于用户针对所述合成素材的编辑操作，确认画布间的层级关系，以根据所述层级关系生成图像合成数据。

12.一种设备，其特征在于，包括：

一个或多个第一处理器；

第一存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第一存储器中并被配置为由所述一个或多个第一处理器执行；

所述一个或多个程序用于驱动所述一个或多个第一处理器构造用于执行以下步骤：

获取图像数据，形成可印制区域；

根据用户操作调用合成素材，获取所述合成素材的配置信息；

根据所述配置信息，将所述合成素材合成至所述可印制区域，生成图像合成数据。

13.一种设备，其特征在于，还包括：

一个或多个第二处理器；

第二存储器；

一个或多个程序，其中所述一个或多个程序被存储在所述第二存储器中并被配置为由所述一个或多个第二处理器执行；

所述一个或多个程序用于驱动所述一个或多个第二处理器构造用于执行以下步骤：

依据获取的图像数据，创建第一画布；

识别所述第一画布中图像数据得出图像数据中的可印制对象，并创建第二画布；

根据预设区域规则，基于所述可印制对象确定可印制区域，并根据合成素材，创建第三画布；

基于用户针对所述合成素材的编辑操作，确认所述画布的层级，以根据所述画布的层级生成图像合成数据。

14.一种图像载体，其特征在于，包括图像呈现区域，所述图像呈现区域内的图像采用权利要求1-9中任一项所述的图像合成方法合成。