[发明专利]页面图片生成方法、装置、设备和存储介质

说明书

本发明实施例公开了一种页面图片生成方法、装置、设备和存储介质，该方法包括：获取第一页面图片的第一元素信息，所述第一元素信息由所述第一页面图片的节点数据解析生成；根据所述第一元素信息对所述第一页面图片中包含的元素进行布局转换处理得到第二元素信息，所述布局转换处理包括位移转换处理和样式转换处理；根据所述第二元素信息生成第二页面图片。本方案实现了页面图片布局的自动调整，显著减少了开发人员的工作量。

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种页面图片生成方法、装置、设备和存储介质。

背景技术

随着产品全球化部署的趋势，需要考虑不同国家的阅读习惯存在一定的差异性，如使用阿拉伯语、乌尔都语、希伯来语的用户，其语言的阅读习惯跟英文、中文不同，为从右向左的顺序进行阅读，为了使产品同时符合全球化和本地化的使用习惯，需要兼顾不同类型的用户的使用体验，进行相应的页面适配，如将由左向右布局的页面图片转换为由右向左布局的页面图片。

现有的生成由右向左布局的页面图片时，需要额外的人力进行适配开发，要求开发人员如UI设计师、web开发者进行修改维护，常见的为UI设计师使用photoshop、sketch等绘图软件分别输出页面图片的常规LTR(left to right，由左向右)布局图片和RTL(rightto left，由右向左)布局图片，但生成的RTL图片属于静态资源，图片输出后文案内容已栅格化，在用户侧或运营侧不能动态进行更改，不能根据配置的页面数据进行展示，灵活地满足业务场景；由web开发者通过开发适配RTL布局页面时，其通过后端服务进行页面截图的方式适配，其每次发布新页面都需要重新适配，工作量大，开发成本比较高。由此可知，上述生成页面图片的流程无法重复利用，需要进行大量重复劳动，占用开发资源并且加大了开发成本。

发明内容

本发明实施例提供了一种页面图片生成方法、装置、设备和存储介质，解决了现有技术中进行页面图片适配时效率低、开发成本高的问题，实现了页面图片布局的自动调整，显著减少了开发人员的工作量。

第一方面，本发明实施例提供了一种页面图片生成方法，该方法包括：

获取第一页面图片的第一元素信息，所述第一元素信息由所述第一页面图片的节点数据解析生成；

根据所述第一元素信息对所述第一页面图片中包含的元素进行布局转换处理得到第二元素信息，所述布局转换处理包括位移转换处理和样式转换处理；

根据所述第二元素信息生成第二页面图片。

第二方面，本发明实施例还提供了一种页面图片生成装置，包括：

信息获取模块，用于获取第一页面图片的第一元素信息，所述第一元素信息由所述第一页面图片的节点数据解析生成；

布局转换模块，用于根据所述第一元素信息对所述第一页面图片中包含的元素进行布局转换处理得到第二元素信息，所述布局转换处理包括位移转换处理和样式转换处理；

图片生成模块，用于根据所述第二元素信息生成第二页面图片。

第三方面，本发明实施例还提供了一种页面图片生成设备，该设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例所述的页面图片生成方法。

第四方面，本发明实施例还提供了一种存储计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本发明实施例所述的页面图片生成方法。