一种文字的轮廓效果处理方法、装置、设备及存储介质与流程

1.本公开涉及数据处理领域，尤其涉及一种文字的轮廓效果处理方法、装置、设备及存储介质。


背景技术：

2.目前，文字效果的绘制在越来越多的领域得到应用，例如网络游戏的场景绘制中、综艺节目的字幕显示、视频中的文字显示等等。
3.文字的轮廓效果是一种比较常用的文字效果，如何对文字的轮廓效果进行绘制，是目前备受关注的问题。
4.目前的文字轮廓绘制效果存在轮廓融合的问题，如图1所示，为一种文字轮廓效果的示意图，其中，先后绘制在画布上的文字之间存在轮廓彼此遮盖的问题，影响了文字的显示效果。因此，目前亟需一种文字的轮廓效果处理方法，能够改善文字的显示效果。


技术实现要素：

5.为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种文字的轮廓效果处理方法、装置、设备及存储介质，能够避免文字之间的轮廓彼此遮盖的问题，改善了文字的显示效果。
6.第一方面，本公开提供了一种文字的轮廓效果处理方法，所述方法包括：
7.当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较所述位置坐标相同的像素点的距离场值；
8.如果确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较小，则在所述画布上绘制所述有向距离场图像上的所述像素点；
9.基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像。
10.一种可选的实施方式中，所述在所述画布上绘制所述有向距离场图像上的所述像素点之前，还包括：
11.基于颜色值与距离场值范围的对应关系，确定所述有向距离场图像上的所述像素点的距离场值对应的颜色值，作为所述像素点的颜色值；
12.相应的，所述在所述画布上绘制所述有向距离场图像上的所述像素点，具体为：
13.基于所述像素点的颜色值，在所述画布上绘制所述有向距离场图像上的所述像素点。
14.一种可选的实施方式中，所述基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像之前，还包括：
15.基于所述有向距离场图像中距离场值大于0的像素点的偏移坐标与渐变方向向量之间的点积运算结果，确定所述像素点的渐变值；其中，所述偏移坐标为所述像素点的位置坐标与渐变原点的差值；
16.根据所述渐变值与目标渐变颜色，确定所述像素点的颜色值。
17.一种可选的实施方式中，所述基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像之前，还包括：
18.基于所述有向距离场图像中距离场值小于0的像素点的距离场值，确定所述像素点的颜色透明度值；其中，所述像素点的距离场值与所述像素点的颜色透明度值成反比。
19.一种可选的实施方式中，所述方法还包括：
20.如果确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较大，则为所述像素点打上标记；所述标记用于标识所述像素点不在所述画布上绘制。
21.第二方面，本公开提供了一种文字的轮廓效果处理装置，所述装置包括：
22.比较模块，用于当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较所述位置坐标相同的像素点的距离场值；
23.第一绘制模块，用于在确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较小时，在所述画布上绘制所述有向距离场图像上的所述像素点；
24.生成模块，用于基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像。
25.一种可选的实施方式中，所述装置还包括：
26.第一确定模块，用于基于颜色值与距离场值范围的对应关系，确定所述有向距离场图像上的所述像素点的距离场值对应的颜色值，作为所述像素点的颜色值；
27.相应的，所述第一绘制模块，具体用于：
28.基于所述像素点的颜色值，在所述画布上绘制所述有向距离场图像上的所述像素点。
29.第三方面，本公开提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备实现上述的方法。
30.第四方面，本公开提供了一种设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述的方法。
31.第五方面，本公开提供了一种计算机程序产品，所述计算机程序产品包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述的方法。
32.本公开实施例提供的技术方案与现有技术相比至少具有如下优点：
33.本公开实施例提供了一种文字的轮廓效果处理方法，当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较位置相同的像素点的距离场值。如果确定该有向距离场图像上的像素点的距离场值较小，则在画布上绘制该像素点。最终，基于该有向距离场图像中在画布上绘制的像素点，生成目标文字对应的轮廓效果图像。本公开实施例基于文字内部区域的像素点的距离场值为负数，而文字外部区域的像素点的距离场值为正数，且文字内部区域的像素点的距离场值必然小于文字外部区域的像素点的距离场值的特征，通过比较位置相同的像素点的距离场值，确定是否在画布上绘制该像素点，最终生成目标文字内轮廓不被其他文字的外轮廓遮盖的轮廓效果图像，改善了目标文字的显示效果。
附图说明
34.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
35.为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
36.图1为一种文字轮廓效果的示意图；
37.图2为本公开实施例提供的一种文字的轮廓效果处理方法的流程图；
38.图3为本公开实施例提供的一种目标文字对应的轮廓效果图像的示意图；
39.图4为本公开实施例提供的一种文字的轮廓效果处理装置的结构示意图；
40.图5为本公开实施例提供的一种文字的轮廓效果处理设备的结构示意图。
具体实施方式
41.为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
42.在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
43.目前，文字的轮廓效果通常是基于位图文字进行绘制的，而有向距离场图像记录有文字内部及其周围外部的各个像素点距离文字轮廓(也可称为边界)的最短距离值，也称为距离场值。其中，处于文字内部区域的像素点的距离场值设为负数，而处于文字周围外部区域的像素点的距离场值设为正数。发明人发现，基于文字的有向距离场图像能够更便于对文字的轮廓效果进行绘制。
44.为此，本公开提供了一种文字的轮廓效果处理方法，当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较位置相同的像素点的距离场值。如果确定该有向距离场图像上的像素点的距离场值较小，则在画布上绘制该像素点。最终，基于该有向距离场图像中在画布上绘制的像素点，生成目标文字对应的轮廓效果图像。
45.本公开实施例基于文字内部区域的像素点的距离场值为负数，而文字外部区域的像素点的距离场值为正数，且文字内部区域的像素点的距离场值必然小于文字外部区域的像素点的距离场值的特征，通过比较位置相同的像素点的距离场值，确定绘制在画布上像素点为距离场值较小的像素点，最终生成目标文字内轮廓不被其他文字的外轮廓遮盖的轮廓效果图像，改善了目标文字的显示效果。
46.基于此，本公开实施例提供了一种文字的轮廓效果处理方法，参考图2，为本公开实施例提供的一种文字的轮廓效果处理方法的流程图，该方法包括：
47.s201：当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较所述位置坐标相同的像素点的距离场值。
48.本公开实施例中，在对目标文字的轮廓效果进行绘制之前，首先获取目标文字的
有向距离场图像，然后检测目标文字的有向距离场图像与画布上已绘制图像是否存在位置坐标相同的像素点。
49.实际应用中，如果检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点，则比较位置坐标相同的像素点的距离场值。假设位置坐标相同的像素点为第一像素点和第二像素点，且第一像素点属于目标文字的有向距离场图像，而第二像素点属于画布上已绘制图像，则比较第一像素点和第二像素点的距离场值的大小关系。
50.一种可选的实施方式中，基于目标文字的有向距离场图像，确定第一像素点的距离场值，以及基于画布上已绘制图像对应的有向距离场图像，确定第二像素点的距离场值，然后比较二者的距离场值的大小关系。
51.实际应用中，如果未检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点，则直接基于该有向距离场图像在画布上绘制即可，不会出现目标文字的内轮廓被遮盖的问题。
52.s202：如果确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较小，则在所述画布上绘制所述有向距离场图像上的所述像素点。
53.由于位于文字内部区域的像素点的距离场值为负数，且位于文字外部区域的像素点的距离场值为正数，因此，位于文字内部区域的像素点的距离场值必然大于位于文字外部区域的像素点的距离场值。而本公开实施例为了保证文字的显示效果，相比文字的外轮廓更优先显示文字本体的内轮廓，为此，本公开实施例通过对位置坐标相同的像素点的距离场值的比较，保证在画布上绘制距离场值较小的像素点，从而保证文字本体的显示效果。
54.实际应用中，在确定位置坐标相同的像素点中，目标文字的有向距离场图像上的像素点的距离场值较小时，说明有向距离场图像的该像素点为文字内部区域的像素点的概率较高，因此，本公开实施例在画布上绘制该像素点，能够保证文字本体的显示效果。
55.一种可选的实施方式中，在确定目标文字的有向距离场图像上的像素点的距离场值较小时，基于该像素点的距离场值确定该像素点的颜色值，然后基于该颜色值在画布上绘制该像素点。
56.一种可选的实施方式中，预先建立颜色值与距离场值范围的对应关系，例如，距离场值范围[-m，n](其中，m和n为任意值，例如，m为0.8，n为0)对应的颜色值为白色，距离场值范围[j，k](其中，j和k为任意值，例如，j为0，k为1)对应的颜色值为黄色。然后，在确定目标文字的有向距离场图像上的像素点的距离场值较小时，基于该对应关系，确定该像素点的距离场值对应的颜色值，作为该像素点的颜色值。
[0057]
一种可选的实施方式中，如果确定位置坐标相同的像素点中目标文字的有向距离场图像上的像素点的距离场值较大，则为有向距离场图像上的该像素点打上标记；其中，该标记用于标识所述像素点不在所述画布上绘制。在对目标文字进行绘制时，针对打上该标记的像素点不做绘制。
[0058]
s203：基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像。
[0059]
本公开实施例中，在画布上绘制各个像素点之前，确定各个像素点的颜色值。
[0060]
一种可选的实施方式中，可以基于颜色值与距离场值范围的对应关系，确定该像素点的距离场值对应的颜色值，作为该像素点的颜色值。具体的，预先建立颜色值与距离场
值范围的对应关系，然后，确定有向距离场图像中各个像素点的距离场值对应的距离场值范围，并将该距离场值范围对应的颜色值，确定为该像素点的颜色值。
[0061]
本公开实施例中，基于目标文字的有向距离场图像，在画布上完成像素点的绘制后，可以得到目标文字对应的轮廓效果图像。其中，轮廓效果图像中的目标文字的文字内轮廓不被遮盖。如图3所示，为本公开实施例提供的一种目标文字对应的轮廓效果图像的示意图。与图1中的图像相比，图3中的轮廓效果图像的文字内轮廓未被遮盖，显示效果更优。
[0062]
本公开实施例提供的文字的轮廓效果处理方法中，当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较位置相同的像素点的距离场值。如果确定该有向距离场图像上的像素点的距离场值较小，则在画布上绘制该像素点。最终，基于该有向距离场图像中在画布上绘制的像素点，生成目标文字对应的轮廓效果图像。本公开实施例基于文字内部区域的像素点的距离场值为负数，而文字外部区域的像素点的距离场值为正数，且文字内部区域的像素点的距离场值必然小于文字外部区域的像素点的距离场值的特征，通过比较位置相同的像素点的距离场值，确定绘制在画布上像素点为距离场值较小的像素点，最终生成目标文字内轮廓不被其他文字的外轮廓遮盖的轮廓效果图像，改善了目标文字的显示效果。
[0063]
一种可选的实施方式中，可以将目标文字的轮廓处理成渐变色的效果，具体的，由于距离场值大于0的像素点处于文字外部区域，因此，本公开实施例可以基于有向距离场图像中距离场值大于0的像素点的偏移坐标与渐变方向向量之间的点积运算结果，确定该像素点的渐变值。其中，偏移坐标为像素点的位置坐标与渐变原点的差值。然后，根据渐变值与目标渐变颜色，确定该像素点的颜色值。
[0064]
其中，目标渐变颜色通常为两种颜色，例如白色和黑色，渐变色效果则为由黑色渐变为白色的效果，或者由黑色渐变为白色的效果。渐变原点通常为文字本体的中心点，具体用于确定目标渐变颜色中的其中一种颜色过渡到另一种颜色的点。
[0065]
另一种可选的实施方式中，可以将目标文字对应的轮廓效果图像中的文字本体绘制为发光效果。具体的，在基于有向距离场图像中在画布上绘制的像素点，生成目标文字对应的轮廓效果图像之前，首先确定有向距离场图像中处于文字内部区域的像素点，即距离场值小于0的像素点，然后，基于距离场值小于0的像素点的距离场值，确定该像素点的颜色透明度值，其中，像素点的距离场值的绝对值与该像素点的颜色透明度值成反比，即距离场值越大的像素点对应的颜色透明度值越小。然后，基于确定颜色透明度值的像素点，在画布上绘制文字本体，从而实现文字本体发光的效果。
[0066]
另外，实际应用中，可以利用图像处理器gpu中的深度测试功能实现本公开提供的文字的轮廓效果处理方法。具体的，当gpu检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，将位置坐标相同的像素点的距离场值作为深度值写入gpu的深度缓冲器buffer，开启深度测试功能之后，利用深度测试功能比较写入的位置坐标相同的像素点的距离场值的大小关系。
[0067]
在接收到利用深度测试功能得到的距离场值的大小关系比较结果，在画布上绘制位置坐标相同的像素点中距离场值较小的像素点，保证同一个位置坐标绘制距离场值较小像素点的颜色值，不会出现目标文字的内轮廓被其他文字的外轮廓遮挡的情况。
[0068]
与上述方法实施例基于同一个发明构思，本公开还提供了一种文字的轮廓效果处
理装置，参考图4，为本公开实施例提供的一种文字的轮廓效果处理装置的结构示意图，所述装置包括：
[0069]
比较模块401，用于当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较所述位置坐标相同的像素点的距离场值；
[0070]
第一绘制模块402，用于在确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较小时，在所述画布上绘制所述有向距离场图像上的所述像素点；
[0071]
生成模块403，用于基于所述有向距离场图像中在所述画布上绘制的像素点，生成所述目标文字对应的轮廓效果图像。
[0072]
一种可选的实施方式中，所述装置还包括：
[0073]
第一确定模块，用于基于颜色值与距离场值范围的对应关系，确定所述有向距离场图像上的所述像素点的距离场值对应的颜色值，作为所述像素点的颜色值；
[0074]
相应的，所述第一绘制模块，具体用于：
[0075]
基于所述像素点的颜色值，在所述画布上绘制所述有向距离场图像上的所述像素点。
[0076]
一种可选的实施方式中，所述装置还包括：
[0077]
第二确定模块，用于基于所述有向距离场图像中距离场值大于0的像素点的偏移坐标与渐变方向向量之间的点积运算结果，确定所述像素点的渐变值；其中，所述偏移坐标为所述像素点的位置坐标与渐变原点的差值；
[0078]
第三确定模块，用于根据渐变值与目标渐变颜色，确定所述像素点的颜色值。
[0079]
一种可选的实施方式中，所述装置还包括：
[0080]
第四确定模块，用于基于所述有向距离场图像中距离场值小于0的像素点的距离场值，确定所述像素点的颜色透明度值；其中，所述像素点的距离场值的绝对值与所述像素点的颜色透明度值成反比。
[0081]
一种可选的实施方式中，所述装置还包括：
[0082]
标记模块，用于在确定所述位置坐标相同的像素点中所述有向距离场图像上的像素点的距离场值较大时，为所述像素点打上标记；所述标记用于标识所述像素点不在所述画布上绘制。
[0083]
本公开实施例提供的文字的轮廓效果处理装置中，当检测到目标文字的有向距离场图像与画布上已绘制图像存在位置坐标相同的像素点时，比较位置相同的像素点的距离场值。如果确定该有向距离场图像上的像素点的距离场值较小，则在画布上绘制该像素点。最终，基于该有向距离场图像中在画布上绘制的像素点，生成目标文字对应的轮廓效果图像。本公开实施例基于文字内部区域的像素点的距离场值为负数，而文字外部区域的像素点的距离场值为正数，且文字内部区域的像素点的距离场值必然小于文字外部区域的像素点的距离场值的特征，通过比较位置相同的像素点的距离场值，确定是否在画布上绘制该像素点，最终生成目标文字内轮廓不被其他文字的外轮廓遮盖的轮廓效果图像，改善了目标文字的显示效果。
[0084]
除了上述方法和装置以外，本公开实施例还提供了一种计算机可读存储介质，计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备实
现本公开实施例所述的文字的轮廓效果处理方法。
[0085]
本公开实施例还提供了一种计算机程序产品，包括计算机程序/指令，其特征在于，该计算机程序/指令被处理器执行时实现本公开实施例所述的文字的轮廓效果处理方法。
[0086]
另外，本公开实施例还提供了一种文字的轮廓效果处理设备，参见图5所示，可以包括：
[0087]
处理器501、存储器502、输入装置503和输出装置504。文字的轮廓效果处理设备中的处理器501的数量可以一个或多个，图5中以一个处理器为例。在本公开的一些实施例中，处理器501、存储器502、输入装置503和输出装置504可通过总线或其它方式连接，其中，图5中以通过总线连接为例。
[0088]
存储器502可用于存储软件程序以及模块，处理器501通过运行存储在存储器502的软件程序以及模块，从而执行文字的轮廓效果处理设备的各种功能应用以及数据处理。存储器502可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等。此外，存储器502可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。输入装置503可用于接收输入的数字或字符信息，以及产生与文字的轮廓效果处理设备的用户设置以及功能控制有关的信号输入。
[0089]
具体在本实施例中，处理器501会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器502中，并由处理器501来运行存储在存储器502中的应用程序，从而实现上述文字的轮廓效果处理设备的各种功能。
[0090]
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0091]
以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。