一种图片绘制方法和装置、控制器及介质与流程

本发明涉及互联网技术领域，尤其涉及一种图片绘制方法和装置、控制器及介质。

背景技术：

对于产品推广需求下，往往具有需要让用户可以实时根据其个人信息，快速在本地绘制相关的个性图片，用以促进用户进行对外主动分享，促进信息的二次传播。

根据当前用户实时绘制个性图片，就表示无法使用通用的营销图片代替，只能提供图片模板，然后要求web页面可以根据模版和用户信息，绘制最终的营销图片。

而现有方案，往往具有以下缺点：

(1)一种是无法绘制图片，需要用户手动截屏。即营销图片还是使用web代码构建，然后通知用户可以手动截屏保存，并对外分享。此种方案用户操作成本高昂，将会极大影响转化率。

(2)绘制图片依赖于大量的手动编码，测量计算。该种方式开发成本高，不同的图片模版需要单独编码实现。

(3)依赖于服务器端绘制图片并返回。该方案依赖于服务端，并且具有网络传输损耗，时效性不足。

技术实现要素：

本发明所要解决的技术问题在于，提供一种图片绘制方法和装置、控制器及介质，本发明解决快速在本地生成营销图片的技术问题。

为了解决上述技术问题，根据本发明第一个实施例，提供了一种图片绘制方法，包括以下步骤:

获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；

根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；

根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。

前述的图片绘制方法，所述图像元素包括图片；

将所述第一图片文件拆解为一个或多个图像元素之后并且在所述

根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:

接收图片操作请求；所述图片操作请求包括:图片信息。

前述的图片绘制方法，接收图片操作请求之后还包括：

对所述图片进行预览，判断是否对所述图片进行处理，若是，则对图片进行处理，若否，直接使用所述图片。

前述的图片绘制方法，所述图像元素包括文字类图像；

将所述第一图片文件拆解为一个或多个图像元素之后并且在所述

根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:

接收文字操作请求；所述文字操作请求包括:数值信息。

前述的图片绘制方法，判断文字类图像中的文字数量是否达到预设行文字数量；

若所述文字类图像中的文字数量达到预设行文字数量，通过绘制算法对文字类图像中的文字进行切片处理。

根据本发明第二个实施例，提供了一种图片绘制装置，包括:

获取模块，用于获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；

拆解模块，用于根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；

绘制模块，用于根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。

根据本发明第三个实施例，提供了一种控制器，其包括存储器与处理器，所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现执行前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。

根据本发明第四个实施例，提供了一种计算机可读存储介质，用于存储计算机程序，所述程序在由一计算机或处理器执行执行前述任意一种前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。

本发明与现有技术相比具有明显的优点和有益效果。借由上述技术方案，本发明一种图片绘制方法和装置、控制器及介质可达到相当的技术进步性及实用性，并具有产业上的广泛利用价值，其至少具有下列优点：

通过本发明的一种图片绘制方法只需要指定模板和动态填充的数据，可以自动生成最终图片。

通过本发明的一种图片绘制方法，根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件，直接使用代码绘制，并且更容易修改。

判断文字类图像中的文字数量是否达到预设行文字数量；若所述文字类图像中的文字数量达到预设行文字数量，通过绘制算法对文字类图像中的文字进行切片处理。使用绘制算法解决文字中单词的折断换行问题，同时控制了切片的准确度。

本发明主要解决在用户自定义营销图片生成传播需求下，大量的图片生成与开发效率，并提供较好的不同场景下的优化处理。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂，以下特举较佳实施例，并配合附图,详细说明如下。

附图说明

图1为本发明一实施例提供图片绘制方法示意图；

图2为本发明一实施例提供图片绘制装置示意图；

附图标记说明：

1：获取模块2：拆解模块

3：绘制模块

具体实施方式

为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例，对依据本发明提出的一种图片绘制方法和装置、控制器及介质的具体实施方式及其功效，详细说明如后。

需要说明的是一张图片，根据其所包含的信息和内容，都可以按照图层来划分，即一张完整的图片是由若干个图像元素通过图层叠加的方式组合而成。在实际业务中，由于图片需要使用代码绘制，还可以进一步将文字类的图像进一步单独拆解为文字类信息(这部分可以直接使用代码绘制，并且更容易修改)。

图1为本发明一实施例提供图片绘制方法示意图，包括以下步骤:

s101、获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息。

s102、根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素。具体地使用数组描述图层信息，图层越靠下在数组中顺序则越靠前。每个图像信息在数组中保存为一个数据对象。

s103、根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。得到图片的配置信息后，需要使用代码去实现依据配置信息，将其绘制还原到canvas元素中，以得到最终的图片数据。根据配置信息中数组顺序，依次绘制。根据数组中顺序依次完成绘制后，即可在canvas上得到最终的图片数据。然后可以经过canvas提供的相关接口，将canvas中的图像信息转换为真正的图片文件。

通过本发明的一种图片绘制方法只需要指定模板和动态填充的数据，可以自动生成最终图片。

所述图像元素包括图片和文字类图像，使用type字段保存：type＝text|image。

作为一种示例，所述图像元素包括图片；将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:接收图片操作请求；所述图片操作请求包括:图片信息。例如图像在整张图片中的位置信息、大小信息、是否裁剪等，都转化为字段表示的图片信息。

当type为image时，调用canvas的drawimage方法，根据图像的配置信息将其绘制到canvas中。

作为一种示例，接收图片操作请求之后还包括：对所述图片进行预览，判断是否对所述图片进行处理，若是，则对图片进行处理，若否，直接使用所述图片。

作为一种示例，所述图像元素包括文字类图像；将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:接收文字操作请求；所述文字操作请求包括:数值信息。例如数值信息包括文字类图像根据其文字大小、字体、粗细、位置、对其方式等，也转化为相应字段。

作为一种示例，如果一行可以绘制完成，则直接调用canvas的绘图api绘制。

作为一种示例，判断文字类图像中的文字数量是否达到预设行文字数量；若所述文字类图像中的文字数量达到预设行文字数量，通过绘制算法对文字类图像中的文字进行切片处理。使用绘制算法解决文字中单词的折断换行问题，同时控制了切片的准确度。多行文本在绘制时，需要根据配置中的初始位置信息，以及一行文字所占的高度信息，来自动调整换行后的绘制位置。这些需要由绘制算法实现支持。

图2为本发明一实施例提供图片绘制装置示意图，包括:

获取模块1，用于获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；

拆解模块2，用于根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；

绘制模块3，用于根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。

本发明实施例还提供了一种控制器，其包括存储器与处理器，其特征在于：所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现执行前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。

本发明实施例还提供了一种计算机可读存储介质，用于存储计算机程序，其特征在于：所述程序在由一计算机或处理器执行执行前述任意一种前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。

本发明实施例通过对大量场景的提炼，对大多数场景下会用到的图片动态数据进行总结，并针对性的开发一套完整的本地图片生成库，只需要指定模板和动态填充的数据(图片、文字等)，可以自动生成最终图片。并且针对不同场景，例如微信、自有app等，做了针对性的优化：

(1)微信生成图片后可以提示用户去下载保存分享

(2)自有app中，可以通过与app的通信约定，图片生成后可以主动调起对外的图片分享功能，实现更好的一键传播。

以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明,任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。