[发明专利]文本信息的渲染方法和装置、存储介质、电子装置

说明书

本发明公开了一种文本信息的渲染方法和装置、存储介质、电子装置。其中，该方法包括：获取到指示信息，指示信息用于指示在目标图像中渲染出具有描边的目标文本信息；响应于指示信息，通过对第一贴图进行采样得到第二贴图，第一贴图用于表示目标文本信息的笔画纹理，第二贴图用于表示目标文本信息的描边纹理；使用第二贴图在目标图像中渲染出具有描边的目标文本信息。本发明解决了相关技术中对文字进行描边需要消耗较多终端运算资源的技术问题。

技术领域

本发明涉及互联网领域，具体而言，涉及一种文本信息的渲染方法和装置、存储介质、电子装置。

背景技术

文字描边是绘制于文字周围的一条轮廓线，位于文字边框边缘的外围，在视觉上可以起到突出文字的作用，在游戏、电影、动漫、直播等场景中，经常运用文字描边以突出文本所承载的信息内容。

在相关技术中，可以通过UGUI(Unity引擎推出的一种UI系统)自带的组件实现文本描边，使用该组件，可在原顶点的基础上，在左上、右上、左下、右下四个偏移方向上各绘制一次与原文字相同的图形，最后叠加原文字以在视觉上形成描边的效果，如图1所示。

通过查看UGUI已经公开的源码，可知该组件的实现方式是：在原顶点的基础上，在(x,y),(x,-y),(-x,y),(-x,-y)四个偏移方向上运用4次Shadow组件在X轴上移动距离x、在Y轴上移动距离y实现的，如图2所示的4个较浅颜色的“A”(即用于描边的文字)，而Shadow组件是在指定偏移处，以指定颜色绘制一个与原文字一样的文字模拟阴影效果，如图2中所示的较浅颜色的“A”，亦即Outline组件是在Shadow组件的基础上实现的，Outline相当于4个不同偏移方向上的Shadow，如图2所示是Outline组件在较大描边值时的实现原理图。

采用UGUI自带的组件来实现文本描边主要存在如下缺点：1)描边效果不连贯、不均匀，在上、下、左、右四个方向上描边存在断开的情况；2)顶点数量大幅增加，1个不描边的文字顶点数量为6个，运用这种方案后的文字顶点数量是30个(即相当于重复渲染了5次原文字)，在文字较多的情况下会对移动设备的CPU及GPU造成较大性能压力；3)描边大小仅支持较小值，描边过大会导致断裂明显，不能从视觉上形成连贯的描边效果。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种文本信息的渲染方法和装置、存储介质、电子装置，以至少解决相关技术中对文字进行描边需要消耗较多终端运算资源的技术问题。

根据本发明实施例的一个方面，提供了一种文本信息的渲染方法，包括：获取到指示信息，指示信息用于指示在目标图像中渲染出具有描边的目标文本信息；响应于指示信息，通过对第一贴图进行采样得到第二贴图，第一贴图用于表示目标文本信息的笔画纹理，第二贴图用于表示目标文本信息的描边纹理；使用第二贴图在目标图像中渲染出具有描边的目标文本信息。

根据本发明实施例的另一方面，还提供了一种文本信息的渲染装置，包括：获取单元，用于获取到指示信息，指示信息用于指示在目标图像中渲染出具有描边的目标文本信息；采样单元，用于响应于指示信息，通过对第一贴图进行采样得到第二贴图，第一贴图用于表示目标文本信息的笔画纹理，第二贴图用于表示目标文本信息的描边纹理；渲染单元，用于使用第二贴图在目标图像中渲染出具有描边的目标文本信息。

根据本发明实施例的另一方面，还提供了一种存储介质，该存储介质包括存储的程序，程序运行时执行上述的方法。

根据本发明实施例的另一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器通过计算机程序执行上述的方法。