CN109636880A - 一种图片绘制方法和装置、控制器及介质 - Google Patents
一种图片绘制方法和装置、控制器及介质 Download PDFInfo
- Publication number
- CN109636880A CN109636880A CN201811536640.9A CN201811536640A CN109636880A CN 109636880 A CN109636880 A CN 109636880A CN 201811536640 A CN201811536640 A CN 201811536640A CN 109636880 A CN109636880 A CN 109636880A
- Authority
- CN
- China
- Prior art keywords
- picture
- picture file
- text
- dismantling
- drafting
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000007418 data mining Methods 0.000 claims abstract description 26
- 238000009877 rendering Methods 0.000 claims description 8
- 238000004422 calculation algorithm Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000005457 optimization Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000644 propagated effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种图片绘制方法和装置、控制器及介质，包括:获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。通过本发明的一种图片绘制方法只需要指定模板和动态填充的数据，可以自动生成最终图片。
Description
技术领域
本发明涉及互联网技术领域，尤其涉及一种图片绘制方法和装置、控制器及介质。
背景技术
对于产品推广需求下，往往具有需要让用户可以实时根据其个人信息，快速在本地绘制相关的个性图片，用以促进用户进行对外主动分享，促进信息的二次传播。
根据当前用户实时绘制个性图片，就表示无法使用通用的营销图片代替，只能提供图片模板，然后要求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的绘图ap i绘制。
作为一种示例，判断文字类图像中的文字数量是否达到预设行文字数量；若所述文字类图像中的文字数量达到预设行文字数量，通过绘制算法对文字类图像中的文字进行切片处理。使用绘制算法解决文字中单词的折断换行问题，同时控制了切片的准确度。多行文本在绘制时，需要根据配置中的初始位置信息，以及一行文字所占的高度信息，来自动调整换行后的绘制位置。这些需要由绘制算法实现支持。
图2为本发明一实施例提供图片绘制装置示意图，包括:
获取模块1，用于获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；
拆解模块2，用于根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；
绘制模块3，用于根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。
本发明实施例还提供了一种控制器，其包括存储器与处理器，其特征在于：所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现执行前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。
本发明实施例还提供了一种计算机可读存储介质，用于存储计算机程序，其特征在于：所述程序在由一计算机或处理器执行执行前述任意一种前述任意一种图片绘制方法或前述任意一种图片绘制方法的步骤。
本发明实施例通过对大量场景的提炼，对大多数场景下会用到的图片动态数据进行总结，并针对性的开发一套完整的本地图片生成库，只需要指定模板和动态填充的数据(图片、文字等)，可以自动生成最终图片。并且针对不同场景，例如微信、自有app等，做了针对性的优化：
(1)微信生成图片后可以提示用户去下载保存分享
(2)自有App中，可以通过与app的通信约定，图片生成后可以主动调起对外的图片分享功能，实现更好的一键传播。
以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明,任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
Claims (8)
1.一种图片绘制方法，其特征在于,包括:
获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；
根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；
根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。
2.根据权利要求1所述的图片绘制方法，其特征在于，所述图像元素包括图片；
将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:
接收图片操作请求；所述图片操作请求包括:图片信息。
3.根据权利要求2所述的图片绘制方法，其特征在于，所述接收图片操作请求之后还包括：
对所述图片进行预览，判断是否对所述图片进行处理，若是，则对图片进行处理，若否，直接使用所述图片。
4.根据权利要求1所述的图片绘制方法，其特征在于，所述图像元素包括文字类图像；
将所述第一图片文件拆解为一个或多个图像元素之后并且在所述根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件之前还包括:接收文字操作请求；所述文字操作请求包括:数值信息。
5.根据权利要求1所述的图片绘制方法，其特征在于，还包括:
判断文字类图像中的文字数量是否达到预设行文字数量；
若所述文字类图像中的文字数量达到预设行文字数量，通过绘制算法对文字类图像中的文字进行切片处理。
6.一种图片绘制装置，其特征在于,包括:
获取模块，用于获取第一图片文件；所述第一图片文件包括构成元素以及其各自所在图层信息；
拆解模块，用于根据第一图片文件的构成元素以及其各自所在图层信息，将所述第一图片文件拆解为一个或多个图像元素；
绘制模块，用于根据各自所在图层信息将拆解的一个或多个图像元素绘制第二图片文件。
7.一种控制器，其包括存储器与处理器，其特征在于：所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现权利要求1至5中任意一项权利要求所述的方法的步骤。
8.一种计算机可读存储介质，用于存储计算机程序，其特征在于：所述程序在由一计算机或处理器执行时实现如权利要求1至5中任意一项权利要求所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811536640.9A CN109636880A (zh) | 2018-12-14 | 2018-12-14 | 一种图片绘制方法和装置、控制器及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811536640.9A CN109636880A (zh) | 2018-12-14 | 2018-12-14 | 一种图片绘制方法和装置、控制器及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109636880A true CN109636880A (zh) | 2019-04-16 |
Family
ID=66074234
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811536640.9A Pending CN109636880A (zh) | 2018-12-14 | 2018-12-14 | 一种图片绘制方法和装置、控制器及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109636880A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113706662A (zh) * | 2021-07-15 | 2021-11-26 | 中科大数据研究院 | 电子海报生成方法、设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104620572A (zh) * | 2012-09-19 | 2015-05-13 | 富士胶片株式会社 | 摄像装置及其控制方法 |
| CN105550980A (zh) * | 2014-10-29 | 2016-05-04 | 阿里巴巴集团控股有限公司 | 一种图片生成方法及相关装置 |
| CN108399155A (zh) * | 2018-01-17 | 2018-08-14 | 链家网（北京）科技有限公司 | 一种图片生成方法及移动终端 |
| CN108509239A (zh) * | 2018-03-07 | 2018-09-07 | 斑马网络技术有限公司 | 图层显示方法、装置、电子设备及存储介质 |
-
2018
- 2018-12-14 CN CN201811536640.9A patent/CN109636880A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104620572A (zh) * | 2012-09-19 | 2015-05-13 | 富士胶片株式会社 | 摄像装置及其控制方法 |
| CN105550980A (zh) * | 2014-10-29 | 2016-05-04 | 阿里巴巴集团控股有限公司 | 一种图片生成方法及相关装置 |
| CN108399155A (zh) * | 2018-01-17 | 2018-08-14 | 链家网（北京）科技有限公司 | 一种图片生成方法及移动终端 |
| CN108509239A (zh) * | 2018-03-07 | 2018-09-07 | 斑马网络技术有限公司 | 图层显示方法、装置、电子设备及存储介质 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113706662A (zh) * | 2021-07-15 | 2021-11-26 | 中科大数据研究院 | 电子海报生成方法、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10733262B2 (en) | Attribute control for updating digital content in a digital medium environment | |
| CN106056529B (zh) | 一种对用于图片识别的卷积神经网络训练的方法与设备 | |
| US20190108250A1 (en) | Update Basis for Updating Digital Content in a Digital Medium Environment | |
| US8209598B1 (en) | Exporting electronic documents from rich internet applications | |
| JP4913777B2 (ja) | Ｗｅｂページ配信システム | |
| US9330077B2 (en) | Dynamic image generation for customizable user interfaces | |
| CN104318349B (zh) | 基于Silverlight和ArcGIS的海籍监测管理方法 | |
| US10838608B2 (en) | Smooth scrolling of a structured document presented in a graphical user interface with bounded memory consumption | |
| WO2016066147A2 (zh) | 一种用于处理图像的方法与设备 | |
| US9396564B2 (en) | Atlas generation based on client video configuration | |
| US9449407B2 (en) | Displaying dynamic content on a map based on user's location and scheduled task | |
| CN104572084B (zh) | 卡片业务中用户界面生成及数据下发方法、装置 | |
| US20190354573A1 (en) | Optimized rendering of shared documents on client devices with document raster representations | |
| CN109697055B (zh) | 生成移动App页面的方法及*** | |
| CN101123607B (zh) | 一种网页中图片信息动态刷新的方法和装置 | |
| US9153208B2 (en) | Systems and methods for image data management | |
| US20190265853A1 (en) | Iterating Between a Graphical User Interface and Plain-Text Code for Data Visualization | |
| CN109636880A (zh) | 一种图片绘制方法和装置、控制器及介质 | |
| US20150212981A1 (en) | Providing print view of document for editing in web-based application | |
| CN112486482A (zh) | 一种页面展示方法和装置 | |
| US9336319B2 (en) | Data file and rule driven synchronous or asynchronous document generation | |
| CN104769559A (zh) | 快速、动态高速缓存封装 | |
| US11244101B2 (en) | Declarative interface for interaction design | |
| CN113687809A (zh) | 信息显示方法及装置、以及电子设备和可读存储介质 | |
| JP2010288243A (ja) | 携帯情報端末用コンテンツ生成・配信システム |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190416 |