本公开提供了一种图像生成方法、装置、计算机设备以及存储介质，其中，该方法包括：获取待处理页面，并确定所述待处理页面中的待替换元素；所述待处理页面为基于Flex布局构建的页面，且所述待处理页面中包含多个元素；基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息；基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，并基于所述可缩放矢量图形生成预设图像格式下的目标图像。图像。图像。
【技术实现步骤摘要】
一种图像生成方法、装置、计算机设备以及存储介质
[0001]本公开涉及计算机
，具体而言，涉及一种图像生成方法、装置、计算机设备以及存储介质。
技术介绍
[0002]目前，在现有的海报生成方法中，通常是在海报的固定位置替换需要重复的内容，以得到新的海报。然而，这种海报生成方式使海报中可替换的内容具有一定局限性，导致新生成的海报缺乏灵活性，无法满足实际需求。如何灵活、高效的生成新的海报成为亟需解决的问题。
技术实现思路
[0003]本公开实施例至少提供一种图像生成方法、装置、计算机设备以及存储介质。
[0004]第一方面，本公开实施例提供了一种图像生成方法，该方法包括：获取待处理页面，并确定所述待处理页面中的待替换元素；所述待处理页面为基于Flex布局构建的页面，且所述待处理页面中包含多个元素；基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息；基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，并基于所述可缩放矢量图形生成预设图像格式下的目标图像。
[0005]一种可选的实施方式中，所述基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息，包括：调用预先为所述待处理页面中的多个元素设置的伸缩计算工具；通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述待替换元素的新元素内容计算所述目标元素的元素位置信息。
[0006]一种可选的实施方式中，所述通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述待替换元素的新元素内容计算所述目标元素的元素位置信息，包括：获取所述新元素内容的内容长度；通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述新元素内容的内容长度计算所述目标元素的元素位置信息。
[0007]一种可选的实施方式中，所述基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，包括：基于所述元素位置信息将所述目标元素更新为SVG元素；基于更新之后的所述SVG元素生成所述待处理页面的可缩放矢量图形。
[0008]一种可选的实施方式中，所述基于所述元素位置信息将所述目标元素更新为SVG元素，包括：将所述目标元素的SVG变换属性设置为该目标元素的元素位置信息，并将设置之后的所述目标元素变换为所述SVG元素。
[0009]一种可选的实施方式中，所述方法还包括：确定所述多个元素中与所述待替换元素相关联的元素为所述目标元素；其中，所述目标元素的元素位置信息随所述待替换元素的元素位置信息的变化而变化；或者确定所述待处理页面中的全部元素为所述目标元素。
[0010]一种可选的实施方式中，所述基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息，包括：确定所述新元素内容的内容长度，并基于所述新元素内容的内容长度调整所述待处理页面中目标容器的容器尺寸信息；在调整后的所述目标容器中确定所述多个元素中目标元素的元素位置信息。
[0011]第二方面，本公开实施例还提供一种图像生成装置，包括：获取单元，用于获取待处理页面，并确定所述待处理页面中的待替换元素；所述待处理页面为基于Flex布局构建的页面，且所述待处理页面中包含多个元素；确定单元，用于基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息；生成单元，用于基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，并基于所述可缩放矢量图形生成预设图像格式下的目标图像。
[0012]第三方面，本公开实施例还提供一种计算机设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
[0013]第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
[0014]通过上述描述可知，在获取到待处理页面，并确定出待处理页面中的待替换元素之后，可以基于待处理页面中各元素的Flex属性和待替换元素的新元素内容确定待处理页面中所包含的多个元素中目标元素的元素位置信息。之后，可以基于该元素位置信息生成待处理页面的可缩放矢量图，并基于该可缩放矢量图生成预设图像格式下的目标图像的方式，可以根据待替换元素的新元素内容准确、灵活地确定待处理页面中目标元素的元素位置信息，进而可以使生成的目标图像的可读性更好。
[0015]为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
[0016]为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
[0017]图1示出了本公开实施例所提供的一种图像生成方法的流程图；
[0018]图2示出了本公开实施例所提供的一种待处理页面的示意图；
[0019]图3(a)示出了本公开实施例所提供的一种目标容器的容器尺寸信息的示意图；
[0020]图3(b)示出了本公开实施例所提供的另一种目标容器的容器尺寸信息的示意图；
[0021]图4示出了本公开实施例所提供的一种图像生成方法的实施过程的示意图；
[0022]图5示出了本公开实施例所提供的图像生成装置的示意图；
[0023]图6示出了本公开实施例所提供的一种计算机设备的示意图。
具体实施方式
[0024]为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
[0025]应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
[0026]本文中术语“和/或”，仅仅是描述一种关联关系，表本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种图像生成方法，其特征在于，包括：获取待处理页面，并确定所述待处理页面中的待替换元素；所述待处理页面为基于Flex布局构建的页面，且所述待处理页面中包含多个元素；基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息；基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，并基于所述可缩放矢量图形生成预设图像格式下的目标图像。2.根据权利要求1所述的方法，其特征在于，所述基于所述待处理页面中各元素的Flex属性和所述待替换元素的新元素内容，确定所述多个元素中目标元素的元素位置信息，包括：调用预先为所述待处理页面中的多个元素设置的伸缩计算工具；通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述待替换元素的新元素内容计算所述目标元素的元素位置信息。3.根据权利要求2所述的方法，其特征在于，所述通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述待替换元素的新元素内容计算所述目标元素的元素位置信息，包括：获取所述新元素内容的内容长度；通过所述伸缩计算工具在各所述元素的Flex属性不变的基础上，基于所述新元素内容的内容长度计算所述目标元素的元素位置信息。4.根据权利要求1所述的方法，其特征在于，所述基于所述元素位置信息生成所述待处理页面的可缩放矢量图形，包括：基于所述元素位置信息将所述目标元素更新为SVG元素；基于更新之后的所述SVG元素生成所述待处理页面的可缩放矢量图形。5.根据权利要求4所述的方法，其特征在于，所述基于所述元素位置信息将所述目标元素更新为SVG元素，包括：将所述目标元素的SVG变换属性设置为该目标元素的元素位置信息，并将设置之后的所述目标元素变...
【专利技术属性】
技术研发人员：徐强，刘佳，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。