一种海报生成方法、装置、设备及存储介质制造方法及图纸

技术编号:39314219 阅读:18 留言:0更新日期:2023-11-12 15:58
本申请公开了一种海报生成方法、装置、设备及存储介质,涉及计算机技术领域,包括:基于预设字符串解析函数对待处理HTML字符串进行解析确定DOM树结构,并根据DOM树结构构建与待处理HTML字符串对应的虚拟DOM对象;通过基于预设数据转换规则对虚拟DOM对象进行遍历完成数据转换操作,得到与待处理HTML字符串对应的目标JSON数据结构;在执行画布创建操作之后,对目标JSON数据结构进行解析,并基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与待处理HTML字符串对应的海报。本申请在将待处理HTML字符串进行转换后基于得到的JSON数据结构生成海报,有效提高了海报生成的便利性以及效率。便利性以及效率。便利性以及效率。

【技术实现步骤摘要】
一种海报生成方法、装置、设备及存储介质


[0001]本专利技术涉及计算机
,特别涉及一种海报生成方法、装置、设备及存储介质。

技术介绍

[0002]目前,现有进行海报绘制的方案中,一般通过前端解析并绘制后使用html2Canvas生成图片,在具体的实施过程中需要兼容不同的浏览器环境,并且过程复杂不好上手,使得海报绘制的效率较低。

技术实现思路

[0003]有鉴于此,本专利技术的目的在于提供一种海报生成方法、装置、设备及存储介质,能够有效提高海报生成的便利性以及效率。其具体方案如下:
[0004]第一方面,本申请提供了一种海报生成方法,包括:
[0005]基于预设字符串解析函数对待处理HTML字符串进行解析确定相应的DOM树结构,并根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象;
[0006]通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,得到与所述待处理HTML字符串对应的目标JSON数据结构;
[0007]在执行相应的画布创建操作之后,对所述目标JSON数据结构进行解析,并基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与所述待处理HTML字符串对应的海报。
[0008]可选的,所述得到与所述待处理HTML字符串对应的目标JSON数据结构之后,还包括:
[0009]根据预设拓展信息对所述目标JSON数据结构执行相应的属性信息增添操作和/或元数据增添操作。
[0010]可选的,所述基于预设字符串解析函数对待处理HTML字符串进行解析,包括:
[0011]通过已创建的DOMParser对象并利用预设字符串解析函数对待处理HTML字符串进行解析,以确定相应的DOM树结构;
[0012]相应的,所述基于预设字符串解析函数对待处理HTML字符串进行解析之前,还包括:
[0013]针对所述待处理HTML字符串执行相应的DOMParser对象创建操作。
[0014]可选的,所述根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象,包括:
[0015]通过遍历所述DOM树结构,根据与所述DOM树结构中各个节点分别对应的标签信息、属性信息以及文本信息构建与所述待处理HTML字符串对应的虚拟DOM对象。
[0016]可选的,所述通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,包括:
[0017]通过针对所述虚拟DOM对象中的根节点执行相应的属性遍历操作,将获取到的与所述根节点对应的属性名称信息以及属性值信息存储至已创建的空的JSON对象中;
[0018]当所述根节点存在相应子节点时,通过执行子节点遍历操作将获取到的相应的子节点信息存储至所述JSON对象中,以得到目标JSON对象。
[0019]可选的,所述基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与所述待处理HTML字符串对应的海报,包括:
[0020]基于得到的解析后数据并利用预设绘图接口在创建好的画布上执行相应的元素绘制操作;其中,所述解析后数据包括相应的标签信息、属性信息以及文本信息;
[0021]在执行所述元素绘制操作的过程中,当存在满足第一预设长文本条件的第一元素时,基于与所述第一元素对应的样式配置信息执行相应的文本换行操作;
[0022]和/或,当存在满足第二预设长文本条件的第二元素时,针对所述第二元素执行相应的文本截取操作、省略号添加操作,以完成相应的溢出处理操作,以确定与所述待处理HTML字符串对应的海报。
[0023]可选的,所述海报生成方法,还包括:
[0024]基于class进行组件封装以得到相应的海报生成组件,以便基于所述海报生成组件针对HTML字符串执行相应的海报生成操作。
[0025]第二方面,本申请提供了一种海报生成装置,包括:
[0026]虚拟DOM构建模块,用于基于预设字符串解析函数对待处理HTML字符串进行解析确定相应的DOM树结构,并根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象;
[0027]数据转换模块,用于通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,得到与所述待处理HTML字符串对应的目标JSON数据结构;
[0028]海报生成模块,用于在执行相应的画布创建操作之后,对所述目标JSON数据结构进行解析,并基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与所述待处理HTML自古出对应的海报。
[0029]第三方面,本申请提供了一种电子设备,包括:
[0030]存储器,用于保存计算机程序;
[0031]处理器,用于执行所述计算机程序,以实现前述的海报生成方法的步骤。
[0032]第四方面,本申请提供了一种计算机可读存储介质,用于保存计算机程序,所述计算机程序被处理器执行时实现前述的海报生成方法的步骤。
[0033]可见,本申请中,首先基于预设字符串解析函数对待处理HTML字符串进行解析确定相应的DOM树结构,并根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象;然后通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,得到与所述待处理HTML字符串对应的目标JSON数据结构;然后在执行相应的画布创建操作之后,对所述目标JSON数据结构进行解析,并基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与所述待处理HTML字符串对应的海报。本申请在生成海报之前,先针对待处理HTML字符串进行数据转换得到目标JSON数据结构,然后根据所述目标JSON数据结构生成海报,这样一来,通过进行数据转换有效保留并利用了HTML的丰富表现能力,从而提高了生成的海报的灵活性以及可定制性,并且通过利用所述待处理HTML字符
串生成海报,提升了海报生成的便利性以及效率。
附图说明
[0034]为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
[0035]图1为本申请提供的一种海报生成方法流程图;
[0036]图2为本申请提供的一种具体的海报生成方法流程示意图;
[0037]图3为本申请提供的一种海报生成装置结构示意图;
[0038]图4为本申请提供的一种电子设备结构图。
具体实施方式
[0039]下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种海报生成方法,其特征在于,包括:基于预设字符串解析函数对待处理HTML字符串进行解析确定相应的DOM树结构,并根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象;通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,得到与所述待处理HTML字符串对应的目标JSON数据结构;在执行相应的画布创建操作之后,对所述目标JSON数据结构进行解析,并基于得到的解析后数据、创建好的画布以及预设海报生成规则确定与所述待处理HTML字符串对应的海报。2.根据权利要求1所述的海报生成方法,其特征在于,所述得到与所述待处理HTML字符串对应的目标JSON数据结构之后,还包括:根据预设拓展信息对所述目标JSON数据结构执行相应的属性信息增添操作和/或元数据增添操作。3.根据权利要求1所述的海报生成方法,其特征在于,所述基于预设字符串解析函数对待处理HTML字符串进行解析,包括:通过已创建的DOMParser对象并利用预设字符串解析函数对待处理HTML字符串进行解析,以确定相应的DOM树结构;相应的,所述基于预设字符串解析函数对待处理HTML字符串进行解析之前,还包括:针对所述待处理HTML字符串执行相应的DOMParser对象创建操作。4.根据权利要求1所述的海报生成方法,其特征在于,所述根据所述DOM树结构构建与所述待处理HTML字符串对应的虚拟DOM对象,包括:通过遍历所述DOM树结构,根据与所述DOM树结构中各个节点分别对应的标签信息、属性信息以及文本信息构建与所述待处理HTML字符串对应的虚拟DOM对象。5.根据权利要求1所述的海报生成方法,其特征在于,所述通过基于预设数据转换规则对所述虚拟DOM对象进行遍历完成相应的数据转换操作,包括:通过针对所述虚拟DOM对象中的根节点执行相应的属性遍历操作,将获取到的与所述根节点对应的属性名称信息以及属性值信息存储至已创建的空的JSON对象中;当所述根节点存在相应子节点时,通过执行子节点遍历操作将获取到的相...

【专利技术属性】
技术研发人员:寇冠赵彦晖耿心伟曾源
申请(专利权)人:深圳微众信用科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1