CN112836469A

CN112836469A - 一种信息渲染方法及装置

Info

Publication number: CN112836469A
Application number: CN202110113136.3A
Authority: CN
Inventors: 李伟; 张帆
Original assignee: Beijing Baijia Technology Group Co ltd
Current assignee: Beijing Baijia Technology Group Co ltd
Priority date: 2021-01-27
Filing date: 2021-01-27
Publication date: 2021-05-25

Abstract

本公开提供了一种信息渲染方法及装置，该方法首先获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；然后，基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；最后，基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。本公开实施例能够基于待渲染信息对应的渲染策略信息，使用不同的渲染方式进行待渲染信息的渲染，实现个性化渲染。

Description

一种信息渲染方法及装置

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种信息渲染方法及装置。

背景技术

数学表达式是人们在研究自然界物与物之间时发现的一些联系，并通过一定的方式表达出来的一种表达方法，可以由多个数学符号和字符组成。由于数学表达式中可能包含运算符号、分式符号等较为复杂图形，无法被普通的文字排版方式正常渲染显示，需要通过特殊的排版工具进行处理。

目前，在iOS平台上，通常利用表达式语法将数学表达式中各个符号元素拆解，再用预设的字体将符号元素按照表达式要求组装起来进行渲染，得到表达式图像，这种方式提供的字体效果较少，无法实现数学表达式的渲染个性化。

发明内容

本公开实施例至少提供一种信息渲染方法及装置。

第一方面，本公开实施例提供了一种信息渲染方法，包括：

获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；

基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；

基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。

一种可选的实施方式中，所述确定所述编程字符串对应的至少一个待渲染元素，包括：

利用预设的正则表达式，将所述编程字符串转换为至少一个所述待渲染元素。

一种可选的实施方式中，所述基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式，包括：

针对每个所述待渲染元素，基于所述渲染策略信息中指示的渲染元素类型与渲染方式的映射关系，以及所述待渲染元素的类型信息，确定所述待渲染元素对应的渲染方式。

一种可选的实施方式中，基于以下步骤确定所述待渲染信息对应的渲染策略信息：

基于所述待渲染信息所属的展示场景，确定所述待渲染信息对应的渲染策略信息。

一种可选的实施方式中，所述基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像，包括：

按照每个所述待渲染元素在所述编程字符串中的顺序，根据每个所述待渲染元素对应的渲染方式，依次渲染每个所述待渲染元素；

基于每个所述待渲染元素在渲染后得到的图像，生成所述待渲染信息的目标图像。

一种可选的实施方式中，所述渲染方式包括曲线绘制和/或图片替换；

所述根据每个所述待渲染元素对应的渲染方式，依次渲染每个所述待渲染元素，包括：

针对每个所述待渲染元素，若所述待渲染元素的渲染方式为曲线绘制，则按照所述待渲染元素对应的绘制参数，利用预设的绘制曲线渲染所述待渲染元素；

若所述待渲染元素的渲染方式为图片替换，则将所述待渲染元素对应的素材图像作为所述待渲染元素在渲染后得到的图像。

一种可选的实施方式中，所述方法还包括：

基于所述目标图像中至少一个待渲染元素的位置信息，生成至少一个所述待渲染元素对应的响应区域；

响应针对所述响应区域的触发操作，执行所述响应区域对应的操作指令。

第二方面，本公开实施例还提供一种信息渲染装置，包括：

第一确定模块，用于获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；

第二确定模块，用于基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；

渲染模块，用于基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。

一种可选的实施方式中，所述第一确定模块在确定所述编程字符串对应的至少一个待渲染元素时，用于：

一种可选的实施方式中，所述第二确定模块具体用于：

一种可选的实施方式中，所述装置还包括第三确定模块，用于：

一种可选的实施方式中，所述渲染模块具体用于：

所述渲染模块在根据每个所述待渲染元素对应的渲染方式，依次渲染每个所述待渲染元素时，用于：

一种可选的实施方式中，所述装置还包括响应模块，用于：

第三方面，本公开实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

本公开实施例提供的信息渲染方法及装置，首先获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；然后，基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；最后，基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。本公开实施例能够基于待渲染信息对应的渲染策略信息，使用不同的渲染方式进行待渲染信息的渲染，实现个性化渲染。

为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本公开实施例所提供的一种信息渲染方法的流程图；

图2示出了本公开实施例所提供的目标图像的示意图之一；

图3示出了本公开实施例所提供的目标图像的示意图之二；

图4示出了本公开实施例所提供的一种信息渲染装置的示意图；

图5示出了本公开实施例所提供的一种电子设备的示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

本文中术语“和/或”，仅仅是描述一种关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括A、B、C中的至少一种，可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。

经研究发现，在iOS平台上，通常利用表达式语法将数学表达式中各个符号元素拆解，再用预设的字体将符号元素按照表达式要求组装起来进行渲染，得到表达式图像，这种方式提供的字体效果较少，无法实现数学表达式的渲染个性化。

基于上述研究，本公开提供了一种信息渲染方法及装置，通过待渲染信息对应的渲染策略信息，使用不同的渲染方式进行待渲染信息的渲染，实现个性化渲染。

为便于对本实施例进行理解，首先对本公开实施例所公开的一种信息渲染方法进行详细介绍，本公开实施例所提供的信息渲染方法的执行主体一般为具有一定计算能力的计算机设备，该计算机设备例如包括：终端设备或服务器或其它处理设备，终端设备可以为用户设备(User Equipment，UE)、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字助理(Personal Digital Assistant，PDA)、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中，该计算机设备的运行平台可以为iOS平台。

本公开实施例提供的信息渲染方法可适用的场景通常可为在线教育场景，例如通过在线教育APP、小程序、网站等，向用户(学生、家长、老师)个性化展示数学表达式，对此不再赘述。

参见图1所示，为本公开实施例提供的信息渲染方法的流程图，所述方法包括步骤S101～S103，其中：

S101：获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素。

该步骤中，待渲染信息可以为数学表达式，编程字符串可以使用latex语法的描述数学表达式的字符串。

其中，latex是一种文件生成系统，它能够生成纯文本文件，后缀名为.tex。latex能够使用一定的语法或者标记符号来组织内容。

示例性的，字符串@”x＝\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}”对应的数学表达式可以为：

该步骤中，可以利用正则匹配表达式，确定编程字符串中的各个待渲染元素。

示例性的，上述数学表达式中，“x”、“＝”、“pm”、“sqrt”等即为待渲染元素。

S102：基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式。

该步骤中，渲染策略信息中可以指示有渲染元素类型与渲染方式的映射关系，在利用正则匹配表达式确定各个待渲染元素后，可以根据各个待渲染元素的渲染元素类型，从上述映射关系中查找与渲染元素类型匹配的渲染方式，将匹配的渲染方式作为该待渲染元素对应的渲染方式。

其中，渲染方式可以包括至少一种曲线绘制和/或至少一种图片替换，曲线绘制的方式可以为按照预设的绘制参数，使用贝塞尔曲线渲染的方式，其中，预设的绘制参数可以为多种；图片替换的方式可以为将利用待渲染元素对应的素材图片作为待渲染元素在渲染后的图像，一个待渲染元素可以有多个对应的素材图像，具体使用的素材图像可以在渲染策略信息中指示。

其中，贝塞尔曲线为应用于二维图形应用程序的数学曲线。一般的矢量图形软件可以通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点为可拖动的支点，线段可以进行伸缩。

其中，渲染策略信息可以根据待渲染信息所属的展示场景确定，针对不同的展示场景，可以部署不同的渲染策略信息，各个展示场景的渲染策略信息可以是系统预设的，也可以是基于展示场景对应的用户的渲染偏好和/或用户的属性信息确定的。比如，若一展示场景为针对低龄用户的场景，则渲染策略信息中，多个渲染元素类型对应的渲染方式可以为曲线绘制的绘制方式，曲线绘制的绘制参数可以为卡通风格对应的参数。

S103：基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。

该步骤中，可以按照每个待渲染元素在编程字符串中的顺序，根据每个待渲染元素对应的渲染方式，依次渲染每个待渲染元素；然后基于每个待渲染元素在渲染后得到的图像，生成待渲染信息的目标图像。

具体的，针对每个待渲染元素，若该待渲染元素的渲染方式为曲线绘制，则可以按照待渲染元素对应的绘制参数，利用预设的绘制曲线渲染待渲染元素；该绘制曲线可以为贝塞尔曲线。

若待渲染元素的渲染方式为图片替换，则将该待渲染元素对应的素材图像作为所述待渲染元素在渲染后得到的图像。

具体的，可以利用Core Text逐个将待渲染元素渲染，然后将各个渲染结果进行组装，得到包含各个渲染结果的一个位图。

其中，Core Text是基于iOS 3.2+和OSX 10.5+的一种能够对文本格式和文本布局进行精细控制的文本引擎。

这里，由于coretext不支持直接绘制素材图片，可以在素材图片对应的位置处预留出空白区域，并在coretext完成其他待渲染元素的绘制后将素材图片添加到预留的空白区域上。

请参见图2和图3，图2为本公开实施例所提供的目标图像的示意图之一，图3为本公开实施例所提供的目标图像的示意图之二，图2中的数字是通过曲线绘制方式渲染的，图3中的数字为通过图片替换的方式渲染的。

在一种可能的实施方式中，上述方法还包括：

基于所述目标图像中至少一个待渲染元素的位置信息，生成至少一个所述待渲染元素对应的响应区域；响应针对所述响应区域的触发操作，执行所述响应区域对应的操作指令。

该步骤中，在得到目标图像后，可以生成至少一个待渲染元素的响应区域，待渲染元素的响应区域可以设置有对应的操作指令，在检测到针对任一响应区域的触发操作后，可以执行该响应区域对应的操作指令。

具体的，可以在得到目标图像后，利用渲染元素与操作指令的映射关系中，查找具有对应操作指令的待渲染元素，并将目标图像中上述待渲染元素对应的位置区域设置为该待渲染元素对应的响应区域，并配置对应的操作指令。

示例性的，操作指令可以包括页面跳转、播放语音、插入子页面等指令。

本公开实施例提供的信息渲染方法，首先获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；然后，基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；最后，基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。本公开实施例能够基于待渲染信息对应的渲染策略信息，使用不同的渲染方式进行待渲染信息的渲染，实现个性化渲染。

本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。

基于同一发明构思，本公开实施例中还提供了与信息渲染方法对应的信息渲染装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述信息渲染方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。

参照图4所示，为本公开实施例提供的一种信息渲染装置的示意图，所述装置包括：

第一确定模块410，用于获取待渲染信息的编程字符串，并确定所述编程字符串对应的至少一个待渲染元素；

第二确定模块420，用于基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式；

渲染模块430，用于基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像。

需要说明的是，本公开实施例中的各个模块，均可以是相应的软件程序，也可以是相应的硬件实体，例如处理器、控制器或者计算器等，只要能实现相应的功能即可，对此不做任何限定。

一种可选的实施方式中，所述第一确定模块410在确定所述编程字符串对应的至少一个待渲染元素时，用于：

一种可选的实施方式中，所述第二确定模块420具体用于：

一种可选的实施方式中，所述渲染模块430具体用于：

所述渲染模块430在根据每个所述待渲染元素对应的渲染方式，依次渲染每个所述待渲染元素时，用于：

一种可选的实施方式中，所述装置还包括响应模块，用于：

关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。

对应于图1中的信息渲染方法，本公开实施例还提供了一种电子设备500，如图5所示，为本公开实施例提供的电子设备500结构示意图，包括：

处理器51、存储器52、和总线53；存储器52用于存储执行指令，包括内存521和外部存储器522；这里的内存521也称内存储器，用于暂时存放处理器51中的运算数据，以及与硬盘等外部存储器522交换的数据，处理器51通过内存521与外部存储器522进行数据交换，当所述电子设备500运行时，所述处理器51与所述存储器52之间通过总线53通信，使得所述处理器51执行以下指令：

一种可能的实施方式中，所述处理器51执行的指令中，所述确定所述编程字符串对应的至少一个待渲染元素，包括：

一种可能的实施方式中，所述处理器51执行的指令中，所述基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式，包括：

一种可能的实施方式中，所述处理器51还用于执行：

一种可能的实施方式中，所述处理器51执行的指令中，所述基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像，包括：

一种可能的实施方式中，所述处理器51执行的指令中，所述渲染方式包括曲线绘制和/或图片替换；

一种可能的实施方式中，所述处理器51还用于执行：

本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的信息渲染方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。

本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的信息渲染方法的步骤，具体可参见上述方法实施例，在此不再赘述。

其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。

Claims

1.一种信息渲染方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述确定所述编程字符串对应的至少一个待渲染元素，包括：

3.根据权利要求1或2所述的方法，其特征在于，所述基于所述待渲染信息对应的渲染策略信息，以及每个所述待渲染元素的类型信息，确定每个所述待渲染元素的渲染方式，包括：

4.根据权利要求3所述的方法，其特征在于，基于以下步骤确定所述待渲染信息对应的渲染策略信息：

5.根据权利要求1所述的方法，其特征在于，所述基于每个所述待渲染元素的渲染方式，对所述待渲染信息进行渲染，得到所述待渲染信息对应的目标图像，包括：

6.根据权利要求5所述的方法，其特征在于，所述渲染方式包括曲线绘制和/或图片替换；

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

8.一种信息渲染装置，其特征在于，包括：

9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至7任一所述的信息渲染方法的步骤。

10.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至7任意一项所述的信息渲染方法的步骤。