一种网页图片合成方法、装置及图片合成网页的制作方法
【技术领域】
[0001]本发明涉及互联网技术领域，尤其涉及一种网页图片合成方法、装置以及图片合成网页。
【背景技术】
[0002]随着互联网技术和移动应用技术的飞速发展，越来越多的网页应用出现在人名的网络生活中，现有的网页开放平台支持应用开发者在线提交其开发的网页应用代码和应用图标，而其现有技术中应用图标的制作过程中若需要设计图片合成，一般都需要通过专门的图形制作软件方可实现，用户在开发应用后还需要专门安装、学习这类图形制作软件才能为其应用软件创造一个应用图标，操作复杂并且需要耗费用户大量时间精力。
【发明内容】
[0003]本发明实施例所要解决的技术问题在于，提供一种网页图片合成方法、装置以及图片合成网页，可实现在网页上进行图片合成。
[0004]为了解决上述技术问题，本发明实施例提供了一种网页图片合成方法，所述方法包括:
[0005]显示图片合成网页，所述图片合成网页包括图片合成区域、背景颜色选择区域、与所述图片合成区域对应的图片合成插件以及与所述背景颜色选择区域对应的颜色传递脚本，所述背景颜色选择区域中包括至少一个背景颜色显示区块，不同的背景颜色显示区块对应不同的背景颜色；
[0006]将目标图片发送至所述图片合成插件；
[0007]获取所述背景颜色选择区域中被选中的背景颜色显示区块对应的背景颜色；
[0008]将所述被选中的背景颜色显示区块对应的背景颜色通过所述颜色传递脚本发送至所述图片合成插件，以使所述图片合成插件对所述背景颜色和所述目标图片进行图片合成，并在所述图片合成区域显示图片合成得到的合成结果图片。
[0009]相应地，本发明实施例还提供了一种网页图片合成装置，包括:
[0010]网页显示模块，用于显示图片合成网页，所述图片合成网页包括图片合成区域、背景颜色选择区域、与所述图片合成区域对应的图片合成插件以及与所述背景颜色选择区域对应的颜色传递脚本，所述背景颜色选择区域中包括至少一个背景颜色显示区块，不同的背景颜色显示区块对应不同的背景颜色；
[0011]图片导入模块，用于将目标图片发送至所述图片合成插件；
[0012]背景颜色选择模块，用于获取所述背景颜色选择区域中被选中的背景颜色显示区块对应的背景颜色；
[0013]图片合成模块，用于将所述被选中的背景颜色显示区块对应的背景颜色通过所述颜色传递脚本发送至所述图片合成插件，以使所述图片合成插件对所述背景颜色和所述目标图片进行图片合成，并在所述图片合成区域显示图片合成得到的合成结果图片。
[0014]相应的，本发明实施例还提供了一种图片合成网页，所述图片合成网页包括图片合成区域、背景颜色选择区域、与所述图片合成区域对应的图片合成插件以及与所述背景颜色选择区域对应的颜色传递脚本，其中:
[0015]所述背景颜色选择区域中包括至少一个背景颜色显示区块，不同的背景颜色显示区块对应不同的背景颜色；
[0016]所述颜色传递脚本用于在所述背景颜色显示区块被选中时，将所述被选中的背景颜色显示区块对应的背景颜色发送至所述图片合成插件；
[0017]所述图片合成插件用于获取目标图片，并对所述颜色传递脚本发送的背景颜色与所述目标图片进行图片合成；
[0018]所述图片合成区域用于显示所述图片合成插件图片合成得到的合成结果图片。
[0019]本实施例通过向图片合成网页中的图片合成插件发送目标图片，进而选中图片合成网页的背景颜色选择区域中的背景颜色显示区块，触发图片合成插件将目标图片和被选中的背景颜色显示区块对应的背景颜色进行图片合成，即通过网页实现了图片合成制作，不需使用专门图形制作软件程序，可有效提高应用开发人员进行图片合成制作的效率。
【附图说明】
[0020]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0021]图1是本发明实施例中的一种网页图片合成方法的流程示意图；
[0022]图2是本发明实施例中的图片合成网页的显示效果示意图；
[0023]图3是本发明另一实施例中的网页图片合成方法的流程示意图；
[0024]图4是本发明另一实施例中的网页图片合成方法的流程示意图；
[0025]图5是本发明实施例中的一种网页图片合成装置的结构示意图；
[0026]图6是本发明实施例中的一种图片合成网页的结构示意图。
【具体实施方式】
[0027]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0028]本发明实施例中的网页图片合成方法可以由网页图片合成装置实施，网页图片合成装置可以加载并显示本发明实施例中的图片合成网页，例如网页图片合成装置可以为网页浏览器、网页浏览插件或带有网页浏览功能的应用程序，还可以为运行有上述浏览器、网页浏览插件或带有网页浏览功能的应用程序的用户终端，包括手机、个人电脑、平板电脑、电子阅读器、车载终端、穿戴式智能设备等。
[0029]图1是本发明实施例中的一种网页图片合成方法的流程示意图，本实施例是以网页图片合成装置的角度进行描述网页图片合成方法的实施过程，如图所示可以包括:
[0030]S101，显示图片合成网页，所述图片合成网页包括图片合成区域、背景颜色选择区域、与所述图片合成区域对应的图片合成插件以及与所述背景颜色选择区域对应的颜色传递脚本，所述背景颜色选择区域中包括至少一个背景颜色显示区块，不同的背景颜色显示区块对应不同的背景颜色。
[0031]具体的，网页图片合成装置可以通过访问目标url (Uniform Resoure Locator,统一资源定位符)或网页链接的方式从网页服务器下载所述图片合成网页，也可以预存或内置所述图片合成网页，在需要时显示所述图片合成网页进行图片合成。示例性的，所述图片合成网页可以如图2所示。
[0032]S102，将目标图片发送至所述图片合成插件。
[0033]具体的，网页图片合成装置可以将存储在本地或网络上的目标图片发送至所述图片合成插件。示例性的，在所述图片合成网页中的图片合成区域可以设置“图片导入”按键，当用户点击该按键，即可触发从本地存储介质中或网络资源地址中选择目标图片，在选中目标图片后，即可通过所述图片合成插件预设的导入接口或导入函数将目标图片发送至所述图片合成插件。
[0034]S103，获取所述背景颜色选择区域中被选中的背景颜色显示区块对应的背景颜色。
[0035]具体的，网页图片合成装置可以获取用户在所述背景颜色选择区域中针对背景颜色显示区块的选中指令，进而根据所述选中指令获取被选中的背景颜色显示区块对应的背景颜色。所述背景颜色可以使用颜色标识代表，例如red、红、红色等，也可以采用RGB (红绿蓝)值、HSB值(hues色相，saturat1n饱和度，brightness表示亮度)或CMYK值(印刷色彩模式，名称取自青色Cyan、品红色Magenta、黄色Yellow以及黑墨印刷Key Plate)等表示对应的背景颜色。
[0036]S104，将所述被选中的背景颜色显示区块对应的背景颜色通过所述颜色传递脚本发送至所述图片合成插件，以使所述图片合成插件对所述背景颜色和所述目标图片进行图片合成，并在所述图片合成区域显示图片合成得到的合成结果图片。
[0037]在可选实施例中，所述图片合成插件可以将所述目标图片和背景颜色以图层合并的方式进行合成，即将所述目标图片作为上层图像并设置一定的透明度，所述背景颜色作为纯色的下层图像，进而将上下两层图像进行合并，即可得到所述合成结果图片。进而所述图片合成插件可以将得到的合成结果图片进行base64编码，并将编码结果发送至所述图片合成区域进行显示。如图2所示可以在图片合成区域中预设的合成图片显示区域显示所述合成结果图片。
[0038]在得到合成结果图片后，网页图片合成装置可以将合成结果图片通过图2所示的“导出图片”按键保存在本地存储介质中，还可以将合成结果图片上传至网络，如上传至所述图片合成网页中对应的网络服务器。
[0039]进而在可选实施例中，所述颜色传递脚本可以为所述图片合成网页中内嵌的javascript,可以对应每个背景颜色显示区块设置有一个javascript,当某个背景颜色显示区块被选中后，该背景颜色显示区块对应的javascript即将所述被选中的背景颜色显示区块对应的背景颜色发送至所述图片合成插件，也可以为只设置有一个javascript，根据背景颜色选择区域中被选中的背景颜色显示区块将不同的背景颜色发送至所述图片合成插件。
[0040]进而在可选实施例中，所述图片合成插件可以为所述图片合成网页中内嵌的网页flash插件或网页canvas插件。
[0041]本实施例通过向图片合成网页中的图片合成插件发送目标图片，进而选中图片合成网页的背景颜色选择区域中的背景颜色显示区块，触发图片合成插件将目标图片和被选中的背景颜色显示区块对应的背景颜色进行图片合成，即通过网页实现了图片合成制作，不需使用专门图形制作软件程序，可有效提高应用开