具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

如前所述分享海报图片是目前常用的一种信息分享方式。例如用户在使用微信小程序等发布了自己的作品(视频或者图片等)等之后，想要分享自己的作品，希望被更多的人看到，一种是利用小程序自带能力，可以直接将当前作品分享给好友，另一种是生成一张带有跳转到该作品的小程序码的海报图片保存在本地，然后可以将这张图片发给好友或者发到朋友圈等。这种分享的方式很好，但对于海报的展现内容都是固定的样式，不同的人发出来的海报只是作品标题等内容的不同，用户无法个性化修改海报的内容以及样式，比如某个培训机构想要制作一个推广自己机构的海报进行分享，目前的海报分享方式无法将自己机构的想要推广的内容放到海报上而是使用小程序默认的固定内容，这大大降低了用户体验。另外对于小程序开发者来说，产品经理提出的不同作品分类生成的海报排版等完全不同，这不仅需要重新开发一个新的海报，还得重新发布新的版本来支持，不利于对海报模板进行动态更新，增加了管理成本。

基于此，本公开提供了一种用于生成海报的方法、装置、电子设备、存储介质以及计算机程序产品，以使用户可以根据自己的实际需要自定义海报样式内容，满足个性化海报的要求。

根据本公开的实施例，本公开提供了一种用于生成海报的方法。

图1是根据本公开实施例用于生成海报的方法的流程的示意图。如图1所示，本公开实施例提供的用于生成海报的方法，包括：

S101，接收管理平台下发的海报模板和设定的数据规范，所述海报模板基于所述设定的数据规范生成；

S102，接收用户的第一输入，响应于所述第一输入基于所述设定的数据规范对所述海报模板进行修改；

S103，基于修改后的所述海报模板生成海报图片。

示例性地，本公开实施例提供的用于生成海报的方法可以应用于各种诸如微信小程序的小程序中，该小程序可以例如加载至各种移动终端，例如智能手机、平板等。当然，本公开实施例提供的用于生成海报的方法不限于应用于小程序，而可以应用于其他各种具备海报生成能力的程序产品或设备上。

所述管理平台例如为小程序管理平台，用于实现对小程序内容等的管理和更新。

所述海报模板可以由运营人员或设计师在管理平台根据不同的目标用户进行绘制而生成。例如针对培训机构绘制适合培训机构的海报模板，针对政务机构绘制适合政务机构的海报模板。并且为了在管理平台可以对海报模板进行动态更新，而不是如前所述将海报模板的主要内容和样式直接固定在小程序代码中，在本公开实施例中，设定了用于绘制海报模板的数据规范，该数据规范定义了海报的格式、绘制规则等，运营人员或设计师可以基于该数据规范绘制不同类型的海报模板，以及对海报模板进行修改和更新。

示例性地，在本公开实施例中，设定的数据规范例如为JSON(JavaScript ObjectNotation，JavaScript对象表示法)绘图规范。海报模板基于JSON绘图规范通过html5实现。海报模板的各个视图支持拖动，动态记录位置等样式生成JSON绘图规范。

在S101中，诸如小程序的前端从管理平台接收后端绘制的海报模板和设定的数据规范。所述海报模板基于所述设定的数据规范生成。

在本公开实施例中，由于通过定义海报的数据规范并基于该数据规范来生成海报模板，而不是直接将海报模板固定在小程序等代码中。因此，当诸如小程序的前端接收到海报模板后，允许用户基于设定的数据规范对海报模板进行修改，从而实现海报的个性化定制，提高了用户体验。

在S102中，诸如小程序的前端接收用户的第一输入，并响应于所述第一输入基于所述设定的数据规范对所述海报模板进行修改。

在本公开实施例中，示例性地，所述第一输入包括用户对所述海报模板中的视图的拖动、缩放、删除或编辑操作。所述第一输入表示用户对诸如小程序的前端提供的海报模板中的各个视图进行操作而输入的信息。所述第一输入表示用户海报模板中的某个视图或某些视图的修改动作，例如拖动视图的位置、对视图进行缩放或删除，以及编辑视图中的内容，例如编辑视图中的文字。或者在多个视图之间切换，以对不同的视图进行编辑。

当接收到用户的所述第一输入后，则响应于所述第一输入基于所述设定的数据规范对所述海报模板进行修改。例如用户对海报模板中的某个视图的文字内容进行了编辑，则基于编辑的文字内容修改海报模板。又例如用户对海报模板中的某个视图的位置进行调整，则基于该视图调整后的位置修改海报模板。

在修改海报模板的过程中，基于设定数据规范进行渲染，从而得到更新后的海报模板。

示例性地，在本公开实施例中，海报模板的修改可以基于下述原理实现：诸如小程序的前端根据管理平台下发的设定数据规范构建用于生成海报图片的Palette(调色板)，然后在程序运行过程中把调色板传入给Painter(画家)。Painter会调用Pen(画笔)，根据Palette内容绘制出对应的动态模版，在使用动态模版时，painter默认支持用户对海报视图(view)的拖动、缩放和删除操作，增加海报模板的自由度。可以通过customActionStyle自定义操作图标(icon)与操作框的样式。通过dancePalette，传入初始的模版，当后续有模版级别的刷新的时候，修改dancePlette的传入值即可。action用于传入单个视图(view)级别的修改。若传入的视图(view)带有身份标识(id)，则将覆盖该id匹配的视图(view)，若无id，则默认覆盖当前选中的view。可以通过touchEnd获取当前选中的视图(view)或是感知到用户的删除操作。若是要使视图(view)可被缩放，需要在css中配置scalable:true，而如果需要视图(view)可被删除，需要在css中配置deletable:true；通过动态更新视图(view)属性的方式来达到更进一步的自定义，如替换图url、修改文字、修改文字样式。

在S103中，基于修改后的所述海报模板生成的海报图片可以进行本地保存，从而便于用户进行分享。

示例性地，在本公开实施例中，用于生成海报的方法还包括：

接收用户的第二输入，并响应于所述第二输入撤销或恢复对所述海报模板的修改。即在本公开实施例中，支持对用户的自定义编辑行为进行撤销恢复能力。

撤销、恢复修改功能实现原理：在海报渲染页面中维护未来(future)、历史(history)两个数组，分别记录需要恢复和需要撤销的变动，当作出修改操作，则在修改前先将该视图的当前状态传入历史(history)数组，同时清空未来(future)数组。若是点击撤销，则将点击时刻的视图传入未来(future)数组，再用历史(history)数组顶部的视图更新海报模版。若点击恢复，则将点击时刻的视图传入历史(history)数组，在用未来(future)数组顶部的视图更新海报模版。

示例性地，在本公开实施例中，在S102之前，用于生成海报的方法还包括：接收用户的第三输入，并响应于所述第三输入将所述海报模板提供给用户。所述第三输入例如为用户对前端控件的操作。该前端控件配置为当被操作时触发生成海报的请求，使前端进入生成海报的过程。示例性地，该前端控件例如为小程序端提供的一操作按钮，所述第一输入为对该操作按钮的点击或按压。当用户点击或按压该按钮时，则触发生成海报的操作，小程序将管理平台下发的海报模板提供给用户，例如在小程序的页面中显示该海报模板。

在本公开实施例中，在对海报模板进行修改时，为了减少绘制时间，只会做必要的重绘操作，而不是每次都把整个模版刷新，从而提升交互体验。为了实现以上能力，在本公开实施例中，所述响应于所述第二输入基于所述设定的数据规范对所述海报模板进行修改，包括：

确定所述海报模板中待修改的视图，基于所述第一输入和所述设定的数据规范对所述待修改的视图进行重新绘制。

即，在本公开实施例中，在对海报模板进行修改时，只对需要修改的单个视图进行重新绘制，而不是对所有视图都进行重新绘制，这样由于绘制内容的减少，将会大大缩短重绘完成的时间，提高了交互体验。

本公开实施例还提供了一种用于重新绘制海报的方法。

图2是根据本公开实施例的用于重新绘制海报的方法的流程示意图。

如图2所示，本公开实施例的用于重新绘制海报的方法，包括：

S201，对所述海报模板对应的绘制层进行分层；

S202，确定所述待修改的视图对应的绘制层；

S203，基于所述第一输入和所述设定的数据规范对所述待修改的视图对应的绘制层进行重新绘制。

在S201中，对所述海报模板对应的绘制层进行分层。通过对海报模板绘制层进行分层，当需要对单个视图进行重绘时，只需要重新绘制该视图的对应的绘制层即可。其示例性原理为：小程序的painter palette做分层操作，也即将海报模板模版切割为多个小的模版，分别渲染。这样如果需要对单个视图进行重绘，painter只会重绘对应层级的canvas，绘制在其他层级的内容完全不需要感知到有这次操作。由于绘制内容的减少，将会大大缩短重绘完成的时间。

在S202中，确定待修改的视图对应的绘制层，即确定在S201中对海报模板绘制层分层形成的多个绘制层中的哪个对应于待修改的视图。

在S203中，基于所述第一输入和所述设定的数据规范对所述待修改的视图对应的绘制层进行重新绘制。即在待修改的视图对应的绘制层上对该视图重新绘制，绘制过程基于第一输入以及设定的数据规范进行。例如，第一输入表示对视图中文字进行重新编辑，则S203中，基于编辑的文字内容以及设定的数据规范对该待修改的视图对应的绘制层进行重新绘制，将编辑的文字内容更新到该视图中。

应当理解，对所述海报模板对应的绘制层进行分层可以采用各种合适的分层方法。本公开实施例提供了一种示例性分层方法，下面将结合图3和图4对该方法进行描述。

图3是根据本公开实施例的用于对海报模板的绘制层进行分层的方法的流程示意图。

如图3所示，本公开实施例的用于对海报模板的绘制层进行分层的方法，包括：

S301，为所述待修改的视图设置单独的绘制层；

S302，将所述海报模板的背景层分为顶层和底层。

在S301中，为需要更新的视图单独做一个操作层，这种方式就是相当于把需要更新的视图从海报模版中切出来，绘制在一个单独的层级上，接下来的修改都只重绘这个操作层即可。

在S302中，将所述海报模板的背景层分为顶层和底层。这种三层式的划分方式每次会将相比更新的视图原本层级更高的绘制到顶层，而层级更低的则绘制到底层，这种分层方案中能以调节绘制顺序的方式合理避开因绘制时间不可控导致的视觉问题。例如，如果新切换的视图比原本的层级要高，则从底层向上绘制，如果新切换的视图比原本的层级要低，则从顶层向下绘制。利用绘制完成前的视觉残留，能做到类似无缝切换的效果。

在本公开实施例通过上述示例性分层方法对海报模板的绘制层进行分层，在这种实施方式中，基于所述第一输入和所述设定的数据规范对所述待修改的视图对应的绘制层进行重新绘制，包括：

在所述单独的绘制层上绘制修改的视图；

判断所述修改的视图与所述海报模板中其他视图的层级高低；

如果所述修改的视图相比所述海报模板中其他视图的层级高，则将所述修改的视图添加至所述顶层；

如果所述修改的视图相比所述海报模板中其他视图的层级低，则将所述修改的视图添加至所述底层。

图4是根据本公开实施例的用于对海报模板的绘制层进行分层的方法的流程示意图。

如图4所示，在本公开实施例一种实施方式中，对所述海报模板对应的绘制层进行分层的方法，还可以包括：

S401，提供顶层操作层，所述顶层操作层位于所述海报模板的绘制层的最顶层，所述顶层操作层配置为响应于所述用户对所述海报模板中视图的选择，为选中的视图提供选择框，以标记所述选中的视图的位置，并通过所述则框接收所述第一输入。

通过提供顶层操作层可以解决频繁对同一视图进行更新操作时造成的频繁刷新的问题。其原理为：海报模板的绘制层除了分为三层canvas(单独层、顶层和底层)之外，还将创建一个front canvas层(即顶层操作层)，这个front canvas层位于整个绘制层的最顶层，且绑定了各类手指触碰事件。当用户的触碰事件发生时，front canvas层将在被选中视图位置绘制选择框，用以标记选中视图的位置。同时，选择框上还会提供缩放与删除的图标。当用户的触碰事件被监听到发生在缩放图标内，则会进行缩放操作，在删除图标内，则会删除该视图。除此之外的位置，如果操作为拖动操作，则会拖动该视图，如果为点击操作，则会点选中对应位置的视图(如没有视图，就取消选中)，或者多个视图在同一位置重叠时，多次点击还可以切换选中的视图。

本公开实施例还提供了一种用于生成海报的装置。图5是根据本公开实施例的用于生成海报的装置500的示意性框图。

如图5所示，根据本公开实施例的用于生成海报的装置500，包括第一接收模块510、第二接收模块520、修改模块530和生成模块540。

第一接收模块510用于接收管理平台下发的海报模板和设定的数据规范，所述海报模板基于所述设定的数据规范生成。

第二接收模块520用于接收用户的第一输入。所述第一输入包括用户对所述海报模板中的视图的拖动、缩放、删除或编辑操作。

修改模块530用于响应于所述第一输入基于所述设定的数据规范对所述海报模板进行修改。在本公开一种实施方式中，修改模块530用于确定所述海报模板中待修改的视图，基于所述第一输入和所述设定的数据规范对所述待修改的视图进行重新绘制。

生成模块540用于基于修改后的所述海报模板生成海报图片。

在本公开一种实施方式中，第二接收模块520还用于接收用户的第二输入，修改模块530还用于响应于所述第二输入撤销或恢复对所述海报模板的修改。

在本公开一种实施方式中，第二接收模块520还用于接收用户的第三输入，并响应于所述第三输入将所述海报模板提供给用户。

本公开实施例还提供了一种用于重新绘制海报的模块。图6是根据本公开实施例的用于重新绘制海报的模块600的示意性框图。

如6所示，本公开实施例用于重新绘制海报的模块600，包括分层单元610、确定单元620和重绘单元630。

分层单元610用于对所述海报模板对应的绘制层进行分层。

确定单元620用于确定所述待修改的视图对应的绘制层。

重绘单元630用于基于所述第一输入和所述设定的数据规范对所述待修改的视图对应的绘制层进行重新绘制。

在本公开一种实施方式中，修改模块530可以实现为模块600。

本公开实施例还提供了一种用于对海报模板的绘制层进行分层的单元。图7是根据本公开实施例的用于对海报模板的绘制层进行分层的单元700的示意性框图。

如图7所示，本公开实施例的用于对海报模板的绘制层进行分层的单元700包括第一分层子单元710、第二分层子单元720和第三分层子单元730。

第一分层子单元710用于为所述待修改的视图设置单独的绘制层。

第二分层子单元720用于将所述海报模板的背景层分为顶层和底层。

第三分层子单元730用于提供顶层操作层，所述顶层操作层位于所述海报模板的绘制层的最顶层；所述顶层操作层配置为响应于所述用户对所述海报模板中视图的选择，为选中的视图提供选择框，以标记所述选中的视图的位置，并通过所述则框接收所述第一输入。

在本公开一种实施方式中，分层单元610可以实现为单元700。

在本公开一种实施方式中，重绘单元630还用于在所述单独的绘制层上绘制修改的视图；判断所述修改的视图与所述海报模板中其他视图的层级高低；如果所述修改的视图相比所述海报模板中其他视图的层级高，则将所述修改的视图添加至所述顶层；如果所述修改的视图相比所述海报模板中其他视图的层级低，则将所述修改的视图添加至所述底层。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图8示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图8所示，设备800包括计算单元801，其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序，来执行各种适当的动作和处理。在RAM 803中，还可存储设备800操作所需的各种程序和数据。计算单元801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

设备800中的多个部件连接至I/O接口805，包括：输入单元806，例如键盘、鼠标等；输出单元807，例如各种类型的显示器、扬声器等；存储单元808，例如磁盘、光盘等；以及通信单元809，例如网卡、调制解调器、无线通信收发机等。通信单元809允许设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元801可以是各种具有处理和计算能力的通用和/或专用处理视图。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理，例如用于生成海报的方法、用于重新绘制海报的方法或者用于对海报模板的绘制层进行分层的方法。例如，在一些实施例中，用于生成海报的方法、用于重新绘制海报的方法或者用于对海报模板的绘制层进行分层的方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元808。在一些实施例中，计算机程序的部分或者全部可以经由ROM802和/或通信单元809而被载入和/或安装到设备800上。当计算机程序加载到RAM 803并由计算单元801执行时，可以执行上文描述的用于生成海报的方法、用于重新绘制海报的方法或者用于对海报模板的绘制层进行分层的方法的一个或多个步骤。备选地，在其他实施例中，计算单元801可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行用于生成海报的方法、用于重新绘制海报的方法或者用于对海报模板的绘制层进行分层的方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。