营销图片生成方法、系统及计算机可读存储介质

技术领域

本发明涉及图片处理技术领域，尤其涉及一种营销图片生成方法、系统及计算机可读存储介质。

背景技术

营销图片是用于营销特定活动的图片，主要包含文本元素、图片元素，为了能够清晰展示用户关心的数据，通常需要在营销图片中添加图表类的元素，而在营销图片中添加能够支持在线编辑的图表元素显得极为重要。

现有的相关技术方案通常依赖于设计师线下手动操作，这种操作方式存在如下缺陷：过程繁杂，需要编辑录入各种数据，效率极低；每类图表元素，需要编辑完成后，以图片的方式剪贴复制到模板中，损失了图表元素的视觉效果；而且无法自适应的在线调整图表元素的大小并实时适应营销图片模板的大小。

发明内容

本发明的主要目的在于提供一种营销图片生成方法、系统及计算机可读存储介质，可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

为实现上述目的，本发明提供一种营销图片生成方法，所述方法包括：

响应于对营销图片模板的操作指令，生成模板状态变更请求；

基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；

对状态更新后的营销图片模板进行合成，得到营销图片。

可选地，所述响应于对营销图片模板的操作指令，生成模板状态变更请求的步骤包括：

响应于图表元素添加请求，从预先构建的图表类型库中选择对应的图表类型；

根据选择的图表类型，配置图表参数，并加载图表初始化参数，生成添加图表元素的第一模板状态变更请求。

可选地，所述响应于对营销图片模板的操作指令，生成模板状态变更请求的步骤还包括：

响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑、属性设置和/或大小位置设置，生成图表编辑的第二模板状态变更请求。

可选地，所述响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑的步骤包括：

响应于用户在数据编辑框中的图表编辑操作指令，获取用户对所述营销图片模板中目标图表元素的自定义编辑数据；

将所述自定义编辑数据返回给图表元素进行数据更新。

可选地，所述响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑的步骤包括：

响应于图表编辑请求，将预设的数据属性参数发送给数据服务器；

通过所述数据服务器基于所述数据属性参数从后台获取图表元素的数据；

将所述图表元素的数据返回给图表元素进行数据更新。

可选地，响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行属性设置的步骤包括：

响应于图表属性配置项加载请求，通过访问后台属性配置服务获取图表属性项；

基于所述图表属性项变更图表属性值。

可选地，响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行大小位置设置的步骤包括：

响应于图表编辑请求，通过调整控件对所述营销图片模板中的目标图表元素进行位置设置，和/或，通过调整框对所述营销图片模板中的目标图表元素进行大小设置。

可选地，所述基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新的步骤包括：

将所述第一模板状态变更请求发送到所述模板状态控制器的添加队列中；通过所述模板状态控制器将目标图表元素添加到所述营销图片模板的图层结构体中，并置顶所述目标图表元素；

通过React框架更新前端的Dom节点，将新增的目标图表元素渲染到所述营销图片模板的Dom节点的尾部，以对所述营销图片模板进行状态更新。

可选地，所述基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新的步骤包括：

将所述第二模板状态变更请求发送到所述模板状态控制器的添加队列中；

通过所述模板状态控制器依据数据编辑、属性设置和/或大小位置设置后的值异步更新所述营销图片模板的状态。

可选地，所述对状态更新后的营销图片模板进行合成，得到营销图片的步骤包括：

将更新后的Dom节点信息发送到后台的HTML转图片服务，由所述HTML转图片服务将所述更新后的Dom节点信息合成到营销图片模板中，并将合成后的营销图片模板转换为图片格式，得到营销图片模板合成图；

通过后台的模板授权书生成服务，获取所述营销图片模板对应的授权书，将所述营销图片模板合成图和授权书打包成压缩包，提供给用户下载使用。

可选地，所述响应于对营销图片模板的操作指令，生成模板状态变更请求的步骤之前还包括：

构建图表类型库，所述图表类型包括：折线图、饼状图和/或柱状图。

本发明还提出一种营销图片生成系统，所述系统包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的营销图片生成程序，所述营销图片生成程序被所述处理器执行时实现如上所述的营销图片生成方法的步骤。

本发明还提出一种计算机可读存储介质，所述计算机可读存储介质上存储有营销图片生成程序，所述营销图片生成程序被处理器执行时实现如上所述的营销图片生成方法的步骤。

本发明实施例提出的营销图片生成方法、系统及计算机可读存储介质，通过响应于对营销图片模板的操作指令，生成模板状态变更请求；基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；对状态更新后的营销图片模板进行合成，得到营销图片。该方案通过增加一个模板状态控制器，根据用户对营销图片模板的操作指令，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，异步渲染输出模板图片，通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

附图说明

图1为本发明营销图片生成装置所属终端设备的功能模块示意图；

图2为本发明营销图片生成方法实施例涉及的系统架构示意图；

图3为本发明实施例中模板状态控制器的原理示意图；

图4为本发明营销图片生成方法第一实施例的流程示意图；

图5为本发明实施例涉及的图表元素添加的流程示意图；

图6为本发明实施例涉及的图表编辑的流程示意图；

图7为本发明实施例涉及的图表属性设置的流程示意图；

图8为本发明实施例涉及的图表元素大小位置设置的流程示意图；

图9为本发明实施例涉及的营销图片模板合成下载的流程示意图；

图10为本发明营销图片生成方法第二实施例的流程示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明实施例的主要解决方案是：通过响应于对营销图片模板的操作指令，生成模板状态变更请求；基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；对状态更新后的营销图片模板进行合成，得到营销图片。该方案通过增加一个模板状态控制器，根据用户对营销图片模板的操作指令，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，异步渲染输出模板图片，通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

本发明实施例方案涉及的技术术语：

DOM：(Document Object Model，文件对象模型)，是W3C组织推荐的处理可扩展置标语言的标准编程接口。Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系，可以把DOM认为是页面上数据和结构的一个树形表示。

DOM节点：根据DOM，HTML文档中的每个成分都是一个节点，例如，整个文档是一个文档节点，每个HTML标签是一个元素节点，包含在HTML(Hyper Text Markup Language，超文本标记语言)元素中的文本是文本节点，每一个HTML属性是一个属性节点，注释属于注释节点等。

React框架：React是Facebook的一个开源JavaScript框架。React起源于Facebook的内部项目，用于构建“可预期的”和“声明式的”Web用户界面，它使Facebook更快地开发Web应用。

本发明实施例考虑到：目前营销模板的图表元素种类繁多，难以自适应各种营销模板；现有的相关技术方案通常依赖于设计师线下手动操作，这种操作方式存在如下缺陷：过程繁杂，需要编辑录入各种数据，效率极低；每类图表元素，需要编辑完成后，以图片的方式剪贴复制到模板中，损失了图表元素的视觉效果，而且无法自适应的在线调整图表元素的大小并实时适应营销图片模板的大小。

本发明基于在线编辑的思路，提出了一种营销图片在线自动生成图表元素的方案，通过增加一个模板状态控制器，根据用户添加的图表元素类型、图表数据、属性样式以及空间布局，实时更新模板状态，异步渲染输出模板图片，通过这种方式可以提高营销图片的编辑和投产效率。

具体地，参照图1，图1为本发明营销图片生成装置所属终端设备的功能模块示意图。该营销图片生成装置可以为独立于终端设备的装置，其可以通过硬件或软件的形式承载于终端设备或系统上。该终端设备可以为手机、平板电脑等智能移动终端，还可以为服务器等网络设备。

在本实施例中，该营销图片生成装置所属终端设备至少包括输出模块110、处理器120、存储器130以及通信模块140。

存储器130中存储有操作系统以及营销图片生成程序；输出模块110可为显示屏、扬声器等。通信模块140可以包括WIFI模块、移动通信模块以及蓝牙模块等，通过通信模块140与外部设备或服务器进行通信。

其中，作为一种实施例方式，存储器130中的营销图片生成程序被处理器执行时实现以下步骤：

响应于对营销图片模板的操作指令，生成模板状态变更请求；

基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；

对状态更新后的营销图片模板进行合成，得到营销图片。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于图表元素添加请求，从预先构建的图表类型库中选择对应的图表类型；

根据选择的图表类型，配置图表参数，并加载图表初始化参数，生成添加图表元素的第一模板状态变更请求。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑、属性设置和/或大小位置设置，生成图表编辑的第二模板状态变更请求。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于用户在数据编辑框中的图表编辑操作指令，获取用户对所述营销图片模板中目标图表元素的自定义编辑数据；

将所述自定义编辑数据返回给图表元素进行数据更新。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于图表编辑请求，将预设的数据属性参数发送给数据服务器；

通过所述数据服务器基于所述数据属性参数从后台获取图表元素的数据；

将所述图表元素的数据返回给图表元素进行数据更新。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于图表属性配置项加载请求，通过访问后台属性配置服务获取图表属性项；

基于所述图表属性项变更图表属性值。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

响应于图表编辑请求，通过调整控件对所述营销图片模板中的目标图表元素进行位置设置，和/或，通过调整框对所述营销图片模板中的目标图表元素进行大小设置。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

将所述第一模板状态变更请求发送到所述模板状态控制器的添加队列中；

通过所述模板状态控制器将目标图表元素添加到所述营销图片模板的图层结构体中，并置顶所述目标图表元素；

通过React框架更新前端的Dom节点，将新增的目标图表元素渲染到所述营销图片模板的Dom节点的尾部，以对所述营销图片模板进行状态更新。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

将所述第二模板状态变更请求发送到所述模板状态控制器的添加队列中；

通过所述模板状态控制器依据数据编辑、属性设置和/或大小位置设置后的值异步更新所述营销图片模板的状态。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

将更新后的Dom节点信息发送到后台的HTML转图片服务，由所述HTML转图片服务将所述更新后的Dom节点信息合成到营销图片模板中，并将合成后的营销图片模板转换为图片格式，得到营销图片模板合成图；

通过后台的模板授权书生成服务，获取所述营销图片模板对应的授权书，将所述营销图片模板合成图和授权书打包成压缩包，提供给用户下载使用。

进一步地，存储器130中的营销图片生成程序被处理器执行时还实现以下步骤：

构建图表类型库，所述图表类型包括：折线图、饼状图和/或柱状图。

本实施例通过上述方案，具体通过响应于对营销图片模板的操作指令，生成模板状态变更请求；基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；对状态更新后的营销图片模板进行合成，得到营销图片。该方案通过增加一个模板状态控制器，根据用户对营销图片模板的操作指令，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，异步渲染输出模板图片，通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

参照图2所示，图2为本发明营销图片生成方法实施例涉及的系统架构示意图。

如图2所示，本发明提供一种针对营销图片中的图表元素在线自动展示与属性编辑的方案，本发明主要实现的技术模块包含如下几方面：

1)图表类型库：为了在不同的营销图片模板中复用图表类型，基于EChart+React的底层框架构建底层图表类型库，其中，图表类型包含折线图、饼状图、柱状图三大图表类型；

2)模板状态控制器：该模板状态控制器用于管理营销图片模板的状态，通过异步策略更新前端展示的Dom节点，以便于渲染模板。该模板状态控制器内部配置请求队列和更新策略控制器，通过维护一个请求队列来接收用户的模板编辑、图表参数变更等状态变更请求，更新策略控制器采用FIFO的策略来接收这些状态的变更顺序，如图3所示。

3)模板编辑和图表编辑模块：提供在线业务数据获取模块和自定义数据编辑模块，灵活编辑图表数据；

4)营销图片模板合成展示模块：基于HTML转图片服务，实现所见即所得，将含有图表元素的DOM节点转化为图片保存使用。

基于上述终端设备及系统架构但不限于上述架构，提出本发明方法实施例。

具体地，参照图4，图4为本发明营销图片生成方法第一实施例的流程示意图。

如图4所示，本发明实施例提出的一种营销图片生成方法，所述方法包括：

步骤S101，响应于对营销图片模板的操作指令，生成模板状态变更请求；

本实施例方法的执行主体可以是一种营销图片生成装置、控制器或系统，该营销图片生成装置、控制器或系统可以独立于终端设备设置，其可以通过硬件或软件的形式承载于终端设备上。该终端设备可以为手机、平板电脑等智能移动终端，还可以为服务器等网络设备，本实施例以营销图片生成装置进行举例，该营销图片生成装置可以与模板状态控制器交互，实现营销图片生成过程中的相关处理。

本实施例方案可以解决目前营销图片模板的图表元素种类繁多，难以自适应各种营销模板的问题，能够根据用户需求，进行模板编辑、图表参数变更等操作，自适应的在线调整图表元素的大小并实时适应营销图片模板的大小，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，从而通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

具体地，营销图片生成装置可以接收用户对营销图片模板的操作指令，生成模板状态变更请求。

其中，用户对营销图片模板的操作指令可以包括：图表类型选择、模板编辑、图片元素添加、图表编辑等操作。

其中，图表编辑包括图表数据编辑、属性设置、大小位置设置等操作。

对应地，模板状态变更请求可以包括用户的模板编辑、图表参数变更等状态变更请求。由此，根据用户对营销图片模板的不同操作，触发不同的模板状态变更请求。

更为具体地，如图5所示，作为一种实施方式，针对图表元素添加场景，所述响应于对营销图片模板的操作指令，生成模板状态变更请求的步骤可以包括：

响应于图表元素添加请求，从预先构建的图表类型库中选择对应的图表类型；

根据选择的图表类型，配置图表参数，并加载图表初始化参数，生成添加图表元素的第一模板状态变更请求。

其中，图表元素添加是将图表元素动态添加到营销图片模板中，以便于后续进行图表编辑。本实施例系统支持三大类图表类型：柱状图、饼状图、折线图，这三类图表的属性各不相同，因此添加图表元素时，需要对每一类图表初始化不同的参数。整个流程如图5所示，首先根据用户选择的图表类型，加载图表初始化参数，然后将该图表元素添加请求发送到模板状态控制器的请求队列中，模板状态控制器收到添加请求后，更新前端的Dom节点，将新增的图表元素渲染到模板Dom节点的尾部，实现动态添加展示图表元素。

如图6所示，作为另一种实施方式，针对图表编辑场景，响应于对营销图片模板的操作指令，生成模板状态变更请求，具体可以采用如下方案：

响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑、属性设置和/或大小位置设置，生成图表编辑的第二模板状态变更请求。

作为一种实施方式，对于数据编辑，本实施例方案支持在线动态获取和本地自定义编辑两种数据编辑方式。在线获取是通过访问业务数据(比如基金数据)，并依据业务数据更新图表元素；本地自定义数据，则是提供了数据编辑框，该自定义数据编辑框支持复制、粘贴、行插入、行删除操作。

具体地，对于本地自定义编辑的数据编辑方式，所述响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑的步骤可以包括：

响应于用户在数据编辑框中的图表编辑操作指令，获取用户对所述营销图片模板中目标图表元素的自定义编辑数据；

将所述自定义编辑数据返回给图表元素进行数据更新。

对于在线动态获取的数据编辑方式，所述响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行数据编辑的步骤可以包括：

响应于图表编辑请求，将预设的数据属性参数发送给数据服务器；

通过所述数据服务器基于所述数据属性参数从后台获取图表元素的数据；

将所述图表元素的数据返回给图表元素进行数据更新。

如图6所示，以在线获取基金数据为例，通过数据编辑模块将基金编号、基金类型、日期类型发送给基金数据服务器来获取图表元素的数据，该基金数据服务器是一个Web服务，接收到这些请求数据后，基金数据服务器将这些请求数据封装为JSON格式，跨域访问后台的基金数据，从而获取到基金数据。在获取到基金数据后，基金数据服务器将其返回给图表元素，图表元素更新了数据模块后，触发第二模板状态变更请求，将此模板状态变更请求发送给模板状态控制器，由模板状态控制器异步更新模板状态。

如图7所示，作为一种实施方式，对于图表属性设置，通过响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行属性设置，具体可以采用如下方案：

响应于图表属性配置项加载请求，通过访问后台属性配置服务获取图表属性项；

基于所述图表属性项变更图表属性值。

本实施例考虑到：图表元素初始化时的属性较难适应多种不同类型的模板，为了便于图表属性控制，针对不同的图表类型，本实施例中，系统提供了相应的图表属性配置功能，这些图表属性也是状态的一部分，这部分属性状态的变更，由模板状态控制器统一控制模板的更新。

其中，图表属性配置项的具体明细，可以由后台属性配置服务动态提供，这样便于控制每类图表属性项的增删改查，增强了图表系统的功能。

在图表属性配置项加载时，通过访问后台属性配置服务获取具体的图表属性项，变更图表属性值后，由模板状态控制器依据属性更新后的值异步更新模板状态。具体流程可以参照图7所示。

如图8所示，作为一种实施方式，对于图表元素大小位置设置，通过响应于图表编辑请求，对所述营销图片模板中的目标图表元素进行大小位置设置，具体可以采用如下方案：

响应于图表编辑请求，通过调整控件对所述营销图片模板中的目标图表元素进行位置设置，和/或，通过调整框对所述营销图片模板中的目标图表元素进行大小设置。

在本实施例中，图表在模板中的位置支持动态调整。

作为一种实施方式，系统支持拖拽调整控件位置，并在图表四周添加了八个调整框，支持调整上下左右每一侧的图表大小，如图8中的边框所示。图表的大小位置也是模板状态的一部分，模板状态控制器监测到图表位置的大小位置变更后，会异步更新模板状态。

步骤S102，基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；

具体地，作为一种实施方式，对于第一模板状态变更请求，所述基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新的步骤可以包括：

将所述第一模板状态变更请求发送到所述模板状态控制器的添加队列中；

通过所述模板状态控制器将目标图表元素添加到所述营销图片模板的图层结构体中，并置顶所述目标图表元素；

通过React框架更新前端的Dom节点，将新增的目标图表元素渲染到所述营销图片模板的Dom节点的尾部，以对所述营销图片模板进行状态更新。

作为一种实施方式，对于第二模板状态变更请求，所述基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新的步骤可以包括：

将所述第二模板状态变更请求发送到所述模板状态控制器的添加队列中；

通过所述模板状态控制器依据数据编辑、属性设置和/或大小位置设置后的值异步更新所述营销图片模板的状态。

步骤S103，对状态更新后的营销图片模板进行合成，得到营销图片。

具体地，为了将整个营销图片模板下载到本地使用，在营销图片模板更新了图表元素后，需要将图表元素合成到营销模板中，并将合成后的营销模板转换为图片格式。

作为一种实施方式，所述对状态更新后的营销图片模板进行合成，得到营销图片的步骤包括：

将更新后的Dom节点信息发送到后台的HTML转图片服务，由所述HTML转图片服务将所述更新后的Dom节点信息合成到营销图片模板中，并将合成后的营销图片模板转换为图片格式，得到营销图片模板合成图；

通过后台的模板授权书生成服务，获取所述营销图片模板对应的授权书，将所述营销图片模板合成图和授权书打包成压缩包，提供给用户下载使用。

具体地，将图表元素合成到营销图片模板中，并将合成后的营销模板转换为图片格式，整个合成下载如图9所示。其主要功能由图表模板合成模块、截图服务、授权书生成服务组成，其中，图表模板合成模块将更新后的Dom节点发送到后台的HTML转图片服务，该服务依据Dom节点信息，生成模板的合成图，实现所见即所得的视觉效果，然后再请求后台的模板授权书生成服务，获取该模板对应的授权书，之后再将模板合成图和授权书打包成压缩包，提供给用户下载使用。

其中，在模板保存过程中记录图表元素的各个属性以及对应的图表数据，用户下次编辑该模板时，图表能够恢复到上一次的编辑状态。

本实施例通过上述方案，具体通过响应于对营销图片模板的操作指令，生成模板状态变更请求；基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；对状态更新后的营销图片模板进行合成，得到营销图片。该方案通过增加一个模板状态控制器，根据用户对营销图片模板的操作指令，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，异步渲染输出模板图片，通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

参照图10，图10为本发明营销图片生成方法第二实施例的流程示意图。

基于上述第一实施例，本实施例在上述步骤S101，响应于对营销图片模板的操作指令，生成模板状态变更请求之前还包括：

步骤S100，构建图表类型库，所述图表类型包括但不限于：折线图、饼状图和/或柱状图等。

具体地，为了在不同的营销图片模板中复用图表类型，本实施例基于EChart+React的底层框架构建底层图表类型库，其中，图表类型包含折线图、饼状图、柱状图三大图表类型等。

后续即可根据用户的图表元素添加请求，从构建的图表类型库中选择对应的图表类型，系统根据用户选择的图表类型配置图表参数，并加载图表初始化参数，触发模板状态变更请求。

本实施例通过上述方案，具体通过构建图表类型库，响应于对营销图片模板的操作指令，生成模板状态变更请求；基于所述模板状态变更请求，通过模板状态控制器对所述营销图片模板进行状态更新，得到状态更新后的营销图片模板；对状态更新后的营销图片模板进行合成，得到营销图片。该方案通过增加一个模板状态控制器，根据用户对营销图片模板的操作指令，比如添加图表元素类型、图表数据、属性样式以及空间布局等，实时更新营销图片模板状态，异步渲染输出模板图片，通过这种方式可以自适应各种营销模板，提高营销图片的编辑和投产效率以及视觉效果。

此外，本发明实施例还提出一种营销图片生成系统，所述系统包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的营销图片生成程序，所述营销图片生成程序被所述处理器执行时实现如上实施例所述的营销图片生成方法的步骤。

本发明营销图片生成的实现原理，可以参照上述各实施例，在此不再赘述。

此外，本发明实施例还提出一种计算机可读存储介质，所述计算机可读存储介质上存储有营销图片生成程序，所述营销图片生成程序被处理器执行时实现如上实施例所述的营销图片生成方法的步骤。

由于本营销图片生成程序被处理器执行时，采用了前述所有实施例的全部技术方案，因此至少具有前述所有实施例的全部技术方案所带来的所有有益效果，在此不再一一赘述。

相比现有技术，本发明实施例提出的营销图片中的图表元素在线自动展示与属性编辑的方案，实现自适应的调整图表元素在营销图片模板中的样式；本发明提出的在线编辑图表数据的方案，提供基金数据直接获取、手动自定义录入数据的方式更新图表数据；本发明提出的模板状态控制器的方案，根据用户添加的图表元素类型、图表数据、属性样式以及空间布局，异步更新模板状态，渲染输出模板图片。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台推荐效果评价系统(可以是手机，计算机，服务器，被控终端，或者网络设备等)执行本发明每个实施例的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。