一种图片绘制方法和装置、控制器及介质制造方法及图纸

本发明专利技术涉及一种图片绘制方法和装置、控制器及介质，包括:获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。通过本发明专利技术的一种图片绘制方法只需要指定模板和动态填充的数据，可以自动生成最终图片。

【技术实现步骤摘要】
一种图片绘制方法和装置、控制器及介质
本专利技术涉及互联网
，尤其涉及一种图片绘制方法和装置、控制器及介质。
技术介绍
对于产品推广需求下，往往具有需要让用户可以实时根据其个人信息，快速在本地绘制相关的个性图片，用以促进用户进行对外主动分享，促进信息的二次传播。根据当前用户实时绘制个性图片，就表示无法使用通用的营销图片代替，只能提供图片模板，然后要求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中。作为一种示例，接收图片操作请求之后还包括：对所述图片进行预览，判断是否对所述图片进行处理，若是，则对图片进行处理，若否，直接使用所述图片。作为一种示例，所述图像元素包括文字类图像；将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:接收文字操作请求；所述文字操作请求包括:数值信息。例如数值信息包括文字类图像根据其文字大小、字体、粗细、位置、对其方式等，也转化为相应字段。作为一种示例，如果一行可以绘制完成，本文档来自技高网...

【技术保护点】
1.一种图片绘制方法，其特征在于,包括:获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。

【技术特征摘要】
1.一种图片绘制方法，其特征在于,包括:获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。2.根据权利要求1所述的图片绘制方法，其特征在于，所述图像元素包括图片；将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:接收图片操作请求；所述图片操作请求包括:图片信息。3.根据权利要求2所述的图片绘制方法，其特征在于，所述接收图片操作请求之后还包括：对所述图片进行预览，判断是否对所述图片进行处理，若是，则对图片进行处理，若否，直接使用所述图片。4.根据权利要求1所述的图片绘制方法，其特征在于，所述图像元素包括文字类图像；将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片...

【专利技术属性】
技术研发人员：刘嘉琪，刘永刚，
申请(专利权)人：北京向上一心科技有限公司，
类型：发明
国别省市：北京,11