CN109933751A - 图文绘制方法、装置、计算机可读存储介质和计算机设备 - Google Patents

Abstract

本申请涉及一种图文绘制方法、装置、计算机可读存储介质和计算机设备，该方法包括：首先对待处理字符串添加样式标签得到含样式标签的字符串，再统一对含样式标签的字符串进行字符串分析得到分析结果，后续就可以直接根据分析结果计算待处理字符串的绘制区域及根据分析结果在绘制区域内进行图文绘制。因为在添加样式标签之后增加了字符串分析步骤，得到了后续计算绘制区域和图文绘制所需的分析结果，所以直接使用分析结果就可以实现计算绘制区域和图文绘制。从而避免了传统方法在计算绘制区域和图文绘制时每次都得对含样式标签的字符串进行码点遍历，节省了时间及资源、大大提高了绘制效率。

Description

图文绘制方法、装置、计算机可读存储介质和计算机设备

技术领域

本申请涉及计算机技术领域，特别是涉及一种图文绘制方法、装置、计算机可读存储介质和计算机设备。

背景技术

随着计算机的普及和互联网技术的迅速发展，普通格式的文本已经不能满足用户多种多样的需求，因此出现了富文本格式的文本。所谓富文本格式就是RTF(Rich TextFormat)，又译为多文本格式。具有富文本格式的文本就称之为富文本，富文本相对普通文本来说带有丰富的格式设置，因此使富文本的可读性更强。但是富文本的出现也对文字排版技术提出了更高的要求，传统的文字排版技术绘制效率较低，已经不能够满足富文本的绘制需求。

发明内容

基于此，有必要针对传统的文字排版技术绘制效率较低的技术问题，提供一种图文绘制方法、装置、计算机可读存储介质和计算机设备。

一种图文绘制方法，包括：

对待处理字符串添加样式标签得到含样式标签的字符串；

对所述含样式标签的字符串进行字符串分析得到分析结果；

根据所述分析结果计算所述待处理字符串的绘制区域；

根据所述分析结果在所述绘制区域内进行图文绘制。

在其中一个实施例中，所述根据所述分析结果计算所述待处理字符串的绘制区域，包括：

根据所述分析结果及最大可绘制区域计算所述待处理字符串的绘制区域。

一种图文绘制装置，所述装置包括：

样式标签添加模块，用于对待处理字符串添加样式标签得到含样式标签的字符串；

字符串分析模块，用于对所述含样式标签的字符串进行字符串分析得到分析结果；

绘制区域计算模块，用于根据所述分析结果计算所述待处理字符串的绘制区域；

绘制模块，用于根据所述分析结果在所述绘制区域内进行图文绘制。

一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如上所述方法的步骤。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如上所述方法的步骤。

上述图文绘制方法、装置、计算机可读存储介质和计算机设备，首先对待处理字符串添加样式标签得到含样式标签的字符串，再统一对含样式标签的字符串进行字符串分析得到分析结果，后续就可以直接根据分析结果计算待处理字符串的绘制区域及根据分析结果在绘制区域内进行图文绘制。因为在添加样式标签之后增加了字符串分析步骤，得到了后续计算绘制区域和图文绘制所需的分析结果，所以直接使用分析结果就可以实现计算绘制区域和图文绘制。从而避免了传统方法在计算绘制区域和图文绘制时每次都得对含样式标签的字符串进行码点遍历，节省了时间及资源、并大大提高了绘制效率。

附图说明

图1为一个实施例中图文绘制方法的应用环境图；

图2为一个实施例中图文绘制方法的流程示意图；

图3为图2中对含样式标签的字符串进行字符串分析得到分析结果方法的流程示意图；

图4为一个实施例中字符与字形的对应关系的生成过程的流程示意图；

图5为图2中根据分析结果在绘制区域内进行图文绘制方法的流程示意图；

图6为图2中根据分析结果在绘制区域内进行图文绘制方法的流程示意图；

图7为一个实施例中“文字截断”的界面示意图；

图8为一个实施例中图文绘制方法的界面示意图；

图9为一个实施例中“选中态文字抖动”的界面示意图；

图10为一个具体的实施例中图文绘制方法的流程示意图；

图11为一个实施例中排版引擎的架构图；

图12为一个实施例中图文绘制装置的结构框图；

图13为图12中字符串分析模块的结构框图；

图14为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中图文绘制方法的应用环境图。参照图1，该图文绘制方法应用于图文绘制系统。该图文绘制系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端，移动终端具体可以是手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。该图文绘制方法包括：首先对待处理字符串添加样式标签得到含样式标签的字符串，再统一对含样式标签的字符串进行字符串分析得到分析结果，后续就可以直接根据分析结果计算待处理字符串的绘制区域及根据分析结果在绘制区域内进行图文绘制。

如图2所示，在一个实施例中，提供了一种图文绘制方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该图文绘制方法具体包括如下步骤：

S202，对待处理字符串添加样式标签得到含样式标签的字符串。

其中，图文绘制是指对用户输入的图文信息进行绘制及排版。这里的图文信息包括但不限于各国语言、各民族语言、各种新型组合文字、奇异文字、表情符号(Emoji表情)、QQ表情等。具体的，图文绘制是指对用户输入的上述图文信息按照一定的格式、一定的排版需求进行绘制，并最终将用户输入的图文信息在显示界面上准确的显示出来。待处理字符串指的是用户所输入的字符串。样式标签是用来表示字符串样式的标签，例如表示超链接的样式标签、表示下划线的样式标签、表示加粗的样式标签等。这里的样式包括但不限于超链接、是否加下划线、是否加粗、是否添加背景色、背景色的颜色等。

对待处理字符串按照预设规则添加样式标签，得到含样式标签的字符串。预设规则可以为对图文进行绘制和排版中添加样式标签时所使用的通用规则，也可以是自定义的规则。

例如，当用户输入待处理字符串“www.qq.com”时，则根据预设规则对这个待处理字符串(实际上是个网址)添加样式标签为<a>标签得到“<a>www.qq.com</a>”，在这里采用<a>标签来定义超链接，超链接用于从一张页面链接到另一张页面。从而“<a>www.qq.com</a>”就是对待处理字符串“www.qq.com”添加样式标签之后所得到的含样式标签的字符串。

S204，对含样式标签的字符串进行字符串分析得到分析结果。

对含样式标签的字符串进行字符串分析的过程包括：对含样式标签的字符串进行标签解析得到每个字符所对应的样式，再根据样式获取每个字符对应的文字属性；进而将具有相同文字属性的字符聚合成文本簇。分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。在这里预设规则中记录了每一个样式标签与样式、文字属性的一一对应关系，该预设规则可以是预先在应用程序中定义的通用规则，也可以是自定义的规则。

例如，根据该对应关系对上面所得到的含样式标签的字符串“<a>www.qq.com</a>”进行标签解析得到“www.qq.com”这些字符的样式为超链接。再根据所得到的样式(超链接)获取到“www.qq.com”这些字符对应的文字属性是蓝色，字体是默认字体，具体的宽高信息等绘制这些字符所需要的全部信息。当然也可以自定义超链接所对应的文字属性为其他任意颜色，在这里通常用蓝色来表示超链接。对于字体、宽高信息等绘制这些字符所需要的各项信息也可以在预设规则中进行自定义。

同理，基于相同的方法对含样式标签的字符串一一进行标签解析得到每个字符所对应的样式，再根据样式与文字属性的对应关系，获取每个字符对应的文字属性。文字属性是指对每个字符进行实际绘制时所需要的信息。例如，上述例子中的蓝色、字体是默认字体，具体的宽高信息等。

然后，在获取到待处理字符串中所有的字符对应的文字属性之后，将具有相同文字属性的字符聚合成文本簇。即同一个文本簇中的字符都具有相同的文字属性，例如都是蓝色、粗体等，或者同一文本簇中的字符都具有相同的高度或具有相同的宽度。在这里，同一个文本簇中的字符都具有一个或多个相同的文字属性。

S206，根据分析结果计算待处理字符串的绘制区域。

得到了待处理字符串的文本簇，即得到了记录绘制待处理字符串所需相关信息的数据列表，所以就可以直接根据该数据列表计算待处理字符串的绘制区域。当然，在根据该数据列表计算待处理字符串的绘制区域之前，还需要考虑最大可绘制区域。此处最大可绘制区域是指在当前的显示界面上可以绘制图文的最大区域。例如，当用户在终端上拖动应用程序的窗口改变了显示窗口的大小时，此时应用程序检查到显示窗口大小发生了变化，则更新最大可绘制区域。然后在最大可绘制区域内根据该数据列表计算待处理字符串的绘制区域。例如，在电脑上使用应用程序的时候，用户将显示窗口从半个显示屏大小调整至全屏显示时，最大可绘制区域显然是发生了较大的变化，所以就需要相应更新最大可绘制区域。

S208，根据分析结果在绘制区域内进行图文绘制。

在计算出了绘制区域之后，因为分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表，所以就可以直接根据该数据列表在绘制区域内进行图文绘制。图文绘制最终将用户所输入的待处理字符串绘制在绘制区域内，并进行正常显示。例如，在“www.qq.com”的例子中，最终用户发出“www.qq.com”字符串之后，会在界面上显示蓝色的、字体是宋体的、宽高固定的“www.qq.com”字符串，并且用户点击“www.qq.com”字符串既可以实现跳转至该超链接对应的页面。

传统方法中，在得到了含样式标签的字符串之后，对含样式标签的字符串计算绘制区域和进行图文绘制这两个步骤都是完全分开的过程。在进行上述两个步骤时，都需要逐个码点去遍历，且上述两个步骤码点遍历所得的结果因为没有统一的数据结构，所以不能够互相通用。且即使是待处理字符串的内容并未发生任何变化，只是绘制区域发生了变化，也需要重新对带处理字符串逐个码点去遍历，重新进行图文绘制。显然，传统方法进行了多次冗余的码点遍历，浪费资源且大大降低了处理效率。

本申请实施例中，因为在添加样式标签之后增加了统一对字符串进行分析的步骤，得到了后续计算绘制区域和图文绘制所需的通用分析结果。该分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。这些文本簇都具有统一的数据结构，因此，可以对含样式标签的字符串进行一次字符串分析就得到了后续计算绘制区域和进行图文绘制两个步骤所需的通用数据，相对于传统方法减少了一次码点遍历，且字符串分析步骤能够实现对多码点组合文字的识别。因此，只要待处理字符串的内容并未发生任何变化，那么该文本簇就不需要重新生成。例如，只是绘制区域发生了变化，那么在进行图文绘制时依然根据该文本簇在更新后的绘制区域内就可以实现图文绘制。

具体的，本申请实施例中，首先对待处理字符串添加样式标签得到含样式标签的字符串，再统一对含样式标签的字符串进行字符串分析得到分析结果，后续就可以直接根据分析结果计算待处理字符串的绘制区域及根据分析结果在绘制区域内进行图文绘制。因为在添加样式标签之后增加了字符串分析步骤，得到了后续计算绘制区域和图文绘制所需的分析结果，所以直接使用分析结果就可以实现计算绘制区域和图文绘制。将传统方法中计算绘制区域和绘制时所需进行的两次码点遍历，缩减至一次码点遍历即字符串分析过程。从而避免了传统方法在计算绘制区域和图文绘制时每次都得对含样式标签的字符串进行码点遍历，节省了时间及资源、并大大提高了绘制效率。

在一个实施例中，如图3所示，步骤S204包括：

S2042，对含样式标签的字符串进行标签解析得到每个字符所对应的样式。

对待处理字符串按照预设规则添加样式标签，得到含样式标签的字符串。预设规则可以为对图文进行绘制和排版中使用的通用规则，也可以自定义预设规则。具体的，预设规则中记录了每一个样式标签与样式、文字属性的一一对应关系。所以根据预设规则对含样式标签的字符串进行标签解析就可以得到每个字符所对应的样式。

S2044，根据样式获取每个字符对应的文字属性。

再根据预设规则对含样式标签的字符串进行标签解析得到每个字符所对应的样式之后，继续根据预设规则就可以得到与上述样式所对应的文字属性，该文字属性即为该样式的字符所对应的文字属性。此处的文字属性指的是在对待处理字符串进行绘制时所使用到的相关信息，例如，每个字符在绘制时所对应的高度、宽度、颜色、字体、粗细、是否加下划线、是否加粗、是否斜体等相关信息。

S2046，将具有相同文字属性的字符聚合成文本簇。

在得到了待处理字符串中每个字符的文字属性之后，按照文字属性对字符串进行拆分分类，将具有相同文字属性的字符分为一类，进而将同类的字符聚合成文本簇。从而，每一个文本簇中的字符都具有相同的文字属性，且文本簇中也记录了绘制该文本簇中字符所需相关信息的数据列表。

本申请实施例中，对含样式标签的字符串进行字符串分析，具体的，根据预设规则先对含样式标签的字符串进行标签解析得到每个字符所对应的样式，再根据样式得到每个字符对应的文字属性。最终将具有相同文字属性的字符聚合成文本簇。得到了待处理字符串的文本簇，即得到了绘制该文本簇中字符所需相关信息的数据列表，所以就可以直接根据该数据列表计算待处理字符串的绘制区域并进行绘制。因为对具有相同文字属性的字符进行了梳理，形成了文本簇，所以后续就可以实现对同一个文本簇中的字符进行统一计算绘制区域和统一进行绘制，如此对同一文本簇中的字符进行批量化的处理显然大大提高了绘制效率。且在计算绘制区域和进行绘制时，都直接使用文本簇即可，解决了传统方法中在计算绘制区域和进行绘制时，重复对字符进行遍历，进一步大大节约了时间及资源，提高了绘制效率。

在一个实施例中，文本簇中还包括字符与字形的对应关系，如图4所示，字符与字形的对应关系的生成过程，包括：

S402，获取含样式标签的字符串中每个字符的码点。

Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码，主要是为了解决传统的字符编码方案的局限而产生的规则。Unicode字符集的全称是"UniversalMultiple-Octet Coded Character Set"，简称为UCS。它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。

Unicode中的码点(Code Point)，简单理解就是字符的数字表示。一个字符集一般可以用一张或多张由多个行和多个列所构成的二维表来表示。二维表中行与列相交的点，称之为码点(Code Point代码点)，也称之为码位(Codeposition代码位)。为每个码点分配一个唯一的编号(二进制编码)，称之为码点值或码点编号，除开某些特殊区域(比如代理区、专用区)的非字符码点和保留码点，每个码点唯一对应于一个字符。

因此，根据Unicode就可以直接获取含样式标签的字符串中每个字符的码点。

S404，根据码点获取与码点匹配的匹配字体。

按照预设规则进行依次匹配，该预设规则具体为：首先采用应用程序中的默认字体判断是否能够支持当前码点，若能够支持，则获取应用程序中的默认字体为与码点匹配的匹配字体。若不能支持，则采用网络通用的字体来判断是否能够支持当前码点，若能够支持，则获取该种网络通用的字体为与码点匹配的匹配字体。若依然不能支持，则采用微软官方公布的各国语言文字系统所自带的字体来进行匹配，从而获取匹配字体。采用该预设规则进行依次匹配，能够保证字符正确显示，避免了匹配不准确而造成的显示错乱问题。当然，该预设规则可以不限定于上述方式，可以进行自定义。

S406，根据匹配字体生成与码点对应的字形，得到字符与字形的对应关系。

在经过上述步骤获取了与码点匹配的匹配字体之后，根据匹配字体生成与码点对应的字形。因为Unicode中规定了每个码点唯一对应于一个字符，所以在生成了与码点对应的字形之后，便得到了字符与字形的对应关系。例如，根据Unicode规则，汉字字符“严”的码点是十六进制数4E25，根据码点获取与码点匹配的匹配字体为应用程序中的默认字体(例如宋体)。则根据宋体生成与“码点是十六进制数4E25”所对应的字形，就得到了汉字字符“严”在宋体下的字形为“严”。其中，字形是指一个字符在不同的字体下的表现形式。例如，汉字字符“严”在宋体下的字形为“严”，在幼圆字体下的字形为“严”，在微软雅黑字体下的字形为“严”。

本申请实施例中，为了将用户所输入的字符按照正确的字形显示出来，首先根据Unicode规则将用户所输入的字符转换为码点，进而根据码点获取与码点匹配的匹配字体，再根据匹配字体生成与码点对应的字形，最终得到用户所输入的字符所对应的字形。在根据码点获取与码点匹配的匹配字体时，采用预设规则依次进行匹配，这样能够保证字符能够正确显示，避免了匹配不准确而造成的显示错乱问题。

在一个实施例中，根据码点获取与码点匹配的匹配字体，包括：

根据字体回退规则获取与码点匹配的匹配字体。

其中，字体回退(Font Fallback)规则是指：在操作系统和网页等现代排版环境下，如果指定用字体A来显示某字符x，但该字体并不支持这个字符或者该字体当前不可用，排版引擎会在预先存储的列表中尝试寻找能显示字符x的字体，如果找到字体B能够显示字符x，那么就用字体B来显示字符x。此时，字体B就是当前这个情况的字体回退。

例如，某中西文混排网页指定用Arial字体来显示正文，但Arial字体不支持汉字显示，于是浏览器依次检查CSS font-family属性、浏览器设置、操作系统设置等处指定的可选回退字体，尝试寻找能显示汉字的字体。此时假设找到微软雅黑这种字体能显示汉字。于是，这个网页上的西文都直接用网页自身指定的字体Arial来显示，而中文则采用微软雅黑字体来进行显示。这便是字体回退规则的实际使用。

本申请实施例中，字体回退规则解决了指定字体或默认字体不能够支持某些特殊字符显示、各种组合文字、奇异文字、各国语言文字无法正常绘制的问题。当待处理字符中包含特殊字符时，避免出现显示错乱的问题，提高了对特殊字符的绘制能力。

在一个实施例中，步骤S202包括：当待处理字符串包括带标记字符串时，则对带标记字符串，采用与带标记字符串对应的标记解析方式进行标记解析，得到含样式标签的字符串。

用户输入的待处理字符串，有时候会包含一些特殊的字符串，应用程序不能够直接对这些特殊的字符串进行识别及字符串分析。例如，带MarkDown标记的字符串。Markdown是一种纯文本格式的标记语言，通过简单的标记语法可以使普通文本内容具有一定的格式。例如，带HTML标签的字符串，其中HTML(HyperText Markup Language，超文本标记语言)标签称为超文本标记语言标记标签。HTML标签是HTML语言中最基本的单位，HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。当然，带标记字符串不限于上述两种形式，还包括其他任何形式。

因为带标记字符串所带的标记并不是通用的标签，因此就需要对带标记字符串进行标记解析，从而转化为通用的标签，得到应用程序可以识别的样式标签。此处的样式标签，与步骤S202中的样式标签一致，即都是应用程序可以识别并进行后续字符串分析得到分析结果的标签。

当待处理字符串包括带标记字符串时，具体的处理流程是：首先，判断带标记字符串所带的标记是什么类型，其次，获取与该类型标记对应的标记解析方式，最后，采用该标记解析方式对该带标记字符串进行标记解析，得到含样式标签的字符串。例如，对于带MarkDown标记的字符串，则采用MarkDown标记解析方式对带MarkDown标记的字符串进行标记解析，得到含样式标签的字符串。对于带HTML标签的字符串，则采用HTML标签解析方式对带HTML标签的字符串进行标记解析，得到含样式标签的字符串。当然，对于其他形式的带标记字符串，则采用与带标记字符串对应的标记解析方式进行标记解析，得到含样式标签的字符串。

本申请实施例中，对于一些特殊的带标记字符串，则增加与带标记字符串对应的标记解析方式对之进行标记解析，从而得到带样式标签的字符串。此处的样式标签是应用程序可以识别并进行后续字符串分析得到分析结果的标签。从而实现了将各种各样、不同种类带标记的字符串都统一为应用程序可以识别及字符串分析的含样式标签的字符串，支持带标记字符串的混排，最终解决了传统方法不能对特殊的带标记字符串进行绘制的问题。

在一个实施例中，如图5所示，步骤S208包括：

步骤S2082，获取带标记字符串对应的分析结果；

步骤S2084，根据分析结果在绘制区域内采用与带标记字符串对应的绘制方式进行图文绘制。

具体的，在将各种各样、不同种类带标记的字符串都统一为应用程序可以识别及字符串分析的含样式标签的字符串之后，对含样式标签的字符串进行标签解析得到每个字符所对应的样式。再根据样式获取每个字符对应的文字属性，进而将具有相同文字属性的字符聚合成文本簇。分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。

得到了待处理字符串的文本簇，即得到了记录绘制待处理字符串所需相关信息的数据列表，所以就可以直接根据该数据列表计算待处理字符串的绘制区域。

在得到了绘制区域之后，获取带标记字符串对应的分析结果，根据分析结果在绘制区域内采用与带标记字符串对应的绘制方式进行图文绘制。例如，当带标记字符串为带MarkDown标记的字符串，则根据分析结果在绘制区域内采用与带MarkDown标记字符串对应的绘制方式进行图文绘制。当带标记字符串为带HTML标签的字符串，则根据分析结果在绘制区域内采用与带HTML标签字符串对应的绘制方式进行图文绘制。当然，这两种绘制方式是不同的，且区别于不包含带标记字符串的待处理字符串的绘制方式。

本申请实施例中，带标记字符串的待处理字符串与不包含带标记字符串的待处理字符串的绘制方式应该是不同的，但是传统方法对任何形式的待处理字符串都采用统一的绘制方式进行绘制，显然对于带标记字符串这种特殊的字符串的绘制效果就非常不理想，经常出现绘制出错或乱码的情况，影响应用程序的正常使用。因此，本申请实施例中，将待处理字符串中的带标记字符串与普通字符串的绘制过程进行分别处理，对带标记字符串在绘制区域内采用与带标记字符串对应的绘制方式进行图文绘制。从而，对带标记字符串的绘制也达到了较好的效果。

在一个实施例中，如图6所示，步骤S208包括：

步骤S2086，当待处理字符串包括表情符号时，获取表情符号对应的分析结果；

步骤S2088，根据分析结果在绘制区域内采用与表情符号对应的绘制方式进行图文绘制。

具体的，对含样式标签的字符串进行标签解析得到每个字符所对应的样式。再根据样式获取每个字符对应的文字属性，进而将具有相同文字属性的字符聚合成文本簇。分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。

得到了待处理字符串的文本簇，即得到了记录绘制待处理字符串所需相关信息的数据列表，所以就可以直接根据该数据列表计算待处理字符串的绘制区域。

在得到了绘制区域之后，当待处理字符串包括表情符号时，获取表情符号对应的分析结果。根据分析结果在绘制区域内采用与表情符号对应的绘制方式进行图文绘制。表情符号就是emoji表情，是一种视觉情感符号，用生动的小图案(icon)来表达不同的情感。表情符号包括但不限于QQ表情、微信表情等系统自带的表情或者用户自定义生成的表情。

本申请实施例中，当待处理字符串包括表情符号时，对这部分表情符号进行绘制的方式应该是区别于待处理字符串中的其他部分的绘制方式的。但是传统方法对任何形式的待处理字符串都采用统一的绘制方式进行绘制，显然对于表情符号这种特殊的字符串的绘制效果就非常不理想，经常出现绘制出错或乱码的情况，影响应用程序的正常使用。所以当待处理字符串包括表情符号时，获取表情符号对应的分析结果。根据分析结果在绘制区域内采用与表情符号对应的绘制方式对表情符号部分进行图文绘制。从而，对包含表情符号的字符串的绘制也达到了较好的效果。

在一个实施例中，步骤S204包括：对含样式标签的字符串采用Uniscribe组件进行字符串分析得到分析结果。

具体的，Uniscribe组件是微软公司开发的Windows操作系统为正确演示Unicode文字而开发的组件。Uniscribe组件中包含了对含样式标签的字符串进行字符串分析的多种方法。当然，此处的Uniscribe组件还包括对该Uniscribe组件进行二次封装所得到的新的组件。

对含样式标签的字符串采用Uniscribe组件进行字符串分析的过程包括：对含样式标签的字符串进行标签解析得到每个字符所对应的样式，再根据样式获取每个字符对应的文字属性；进而将具有相同文字属性的字符聚合成文本簇。分析结果包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。

本申请实施例中，Uniscribe组件能够非常精细地处理复杂文本，特别是阿拉伯语、印度语、泰语等，也支持双向绘制(从左到右、从右到左)，如阿拉伯数字和希伯来文，并且支持混合文本。所以，对含样式标签的字符串采用Uniscribe组件进行字符串分析，提高了分析结果的准确性，进而提高了最终根据分析结果进行图文绘制的准确性。

在一个实施例中，上述图文绘制方法主要使用在文字排版和绘制引擎中，因为增加了字符串分析的过程，有效解决了文字截断、选中态文字抖动等问题。

其中，“文字截断”是指一个或者多个文字字符显示不全，无法展示完整句子内容的现象，比如：ABC，可能只看到了完整的A，一半边的B，完全看不到C。如图7所示，在某即时聊天软件的显示界面上，用户发送了一段话“书山有路勤为径，学海无涯苦作舟”，但是却不能完整进行显示，这种现象就是“文字截断”，严重影响了软件的正常使用。

其中，“选中态文字抖动”是指同一个文字在被选择前后，在同一句话中绘制的位置发生改变的现象，此时就会产生视觉效果上的“选中态文字抖动”。如图8所示，用户本来发送了一段话是“热热热热热！快抢200M消消暑”，并在会话中正常显示。如图9所示，但是当用户选中“热”这个文字之后，“热”这个文字就慢慢向右发生位移，这个现象就叫“选中态文字抖动”，此时由于“热”这个文字慢慢向右发生位移就将后面的“快抢200M消消乐流量”从绘制区域挤出去了，也同时出现了显示不全即“文字截断”的问题了。

如图10所示，为一个具体的实施例中图文绘制方法的流程示意图。该图文绘制方法具体包括以下步骤：

S1002，当待处理字符串包括带标记字符串时，则对带标记字符串部分，采用与带标记字符串对应的标记解析方式进行标记解析，得到含样式标签的字符串；

S1004，对待处理字符串中的其他部分添加样式标签得到含样式标签的字符串；

S1006，对含样式标签的字符串进行字符串分析得到分析结果，包括：

对含样式标签的字符串进行标签解析得到每个字符所对应的样式；根据样式获取每个字符对应的文字属性；将具有相同文字属性的字符聚合成文本簇。

S1008，文本簇中还包括字符与字形的对应关系，字符与字形的对应关系的生成过程，包括：

获取含样式标签的字符串中每个字符的码点；根据字体回退规则获取与码点匹配的匹配字体；根据匹配字体生成与码点对应的字形，得到字符与字形的对应关系。

S1010，根据分析结果结合最大可绘制区域，计算待处理字符串的绘制区域；

S1012，在计算出了绘制区域之后，当待处理字符串包括带标记字符串时，获取带标记字符串对应的分析结果，根据分析结果在绘制区域内采用与带标记字符串对应的绘制方式进行图文绘制。

S1014，当待处理字符串包括表情符号时，获取表情符号对应的分析结果；根据分析结果在绘制区域内采用与表情符号对应的绘制方式进行图文绘制；

S1016，对待处理字符串中的其他部分，根据分析结果在绘制区域内进行图文绘制，最终生成待处理字符串所对应的图文。

上述图文绘制方法，对于待处理字符串中的特殊字符串部分(带标记字符串)，采用与带标记字符串对应的标记解析方式进行标记解析，得到统一的含样式标签的字符串便于后续进行字符串分析、计算绘制区域。并在最后进行图文绘制的时候，对带标记字符串、包括表情符号的字符串分别采用专门的绘制方式进行绘制，从而提高了对特殊字符串的绘制效果，避免出现绘制错误或乱码的情况。

同时增加了字符串分析的过程，对具有相同文字属性的字符进行了梳理，形成了文本簇，所以后续就可以实现对同一个文本簇中的字符进行统一计算绘制区域和统一进行绘制，对同一文本簇中的字符进行批量化的处理显然大大提高了绘制效率。且在计算绘制区域和进行绘制时，都直接使用文本簇即可，解决了传统方法中在计算绘制区域和进行绘制时，重复对字符进行遍历，进一步大大节约了时间及资源、提高了绘制效率。

图10为一个实施例中图文绘制方法的流程示意图。应该理解的是，虽然图10的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图10中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图11所示，提供了一种新的排版引擎架构图，该排版引擎架构主要应用于界面控件库底层排版引擎的结构优化，具体的，增加了字符串分析步骤，对传统的图文排版处理流程进行了优化。该排版引擎架构可以应用于Windows版(电脑版)的企业或集体的即时通讯软件中，当然也可以应用于手机版的企业或集体的即时通讯软件中。另外，该排版引擎架构运行在客户端上的控件中。

除图中的控件使用者外，其他各处理模块均布局在排版引擎内部。控件使用者即为使用该排版引擎进行图文排版的用户。从横轴来看，该排版引擎架构主要包含四大流程：添加样式标签、字符串分析、计算绘制区域和绘制。

如图11所示，控件使用者输入普通的字符串或含MarkDown标记的字符串，排版引擎检测到所输入的字符串中含MarkDown标记的字符串时，则对含MarkDown标记的字符串采用单独的MarkDown标记解析方式进行添加样式标签，对普通的字符串则直接进行添加样式标签。将添加了样式标签之后得到的含样式标签的字符串输入至下一个流程中进行字符串分析。

对含样式标签的字符串进行字符串分析的过程包括：对含样式标签的字符串进行标签解析得到每个字符所对应的样式，再根据样式获取每个字符对应的文字属性；进而将具有相同文字属性的字符聚合成文本簇。分析结果usp_data包括一个或多个文本簇，其中，文本簇指的是记录了绘制待处理字符串所需相关信息的数据列表。字符串分析过程也包括对处于选中态的字符进行字符串分析，有效解决了文字截断、选中态文字抖动等问题。加入了字符串分析步骤也可以支持特殊样式字符的绘制，特殊样式例如：对字符添加文本边框、渐变文字背景色等。

将分析结果usp_data输入至下一个流程进行计算绘制区域。具体的，在计算绘制区域时根据分析结果usp_data，并结合控件使用者所设定的实时最大绘制区域进行计算，输出绘制区域和行信息。其中，行信息指的是每一行开头是第几个字符、每一行开头的横纵坐标位置。

例如：

1

23

456

其中，用“1”代表第一个字符，用“2”代表第二个字符，以此类推。在这个例子中，行信息就是：第一行开头是第一个字符，开头绘制在{0,0}的位置；第二行开头是第二个字符，开头绘制在{0,20}的位置；第三行开头是第4个字符，开头绘制在{0,40}的位置。这里的20指的是行高度。

将绘制区域和行信息输入至下一个流程进行绘制Itemrun。对含MarkDown标记的字符串采用专门的MarkDown标记字符串绘制模块进行单独绘制。对于含表情符号的字符串采用专门的表情绘制模块进行单独绘制。最后，再对普通的字符串进行绘制，并将所有字符串绘制出来，显示在显示界面。其中，表情绘制模块具体是根据Emoji表情或QQ表情的映射表进行绘制。其中，Emoji表情的映射表是指Emoji表情图片与Unicode码点的对应关系表。QQ表情的映射表是指qq表情缩写与QQ表情图片的对应关系表。

本申请实例中，提供了一种新的排版引擎架构图，该架构主要应用于界面控件库底层排版引擎的结构优化，具体的，增加了字符串分析步骤，对传统的图文排版处理流程进行了优化。

在一个实施例中，如图12所示，提供了一种图文绘制装置1200，包括：样式标签添加模块1202、字符串分析模块1204、绘制区域计算模块1206及绘制模块1208。其中，

样式标签添加模块1202，用于对待处理字符串添加样式标签得到含样式标签的字符串；

字符串分析模块1204，用于对含样式标签的字符串进行字符串分析得到分析结果；

绘制区域计算模块1206，用于根据分析结果计算待处理字符串的绘制区域；

绘制模块1208，用于根据分析结果在绘制区域内进行图文绘制。

在一个实施例中，如图13所示，字符串分析模块1204还包括：

标签解析模块1204a，用于对含样式标签的字符串进行标签解析得到每个字符所对应的样式；

文字属性获取模块1204b，用于根据样式获取每个字符对应的文字属性；

文本簇生成模块1204c，用于将具有相同文字属性的字符聚合成文本簇。

在一个实施例中，文本簇生成模块1204c，还用于获取含样式标签的字符串中每个字符的码点；根据码点获取与码点匹配的匹配字体；根据匹配字体生成与码点对应的字形，得到字符与字形的对应关系。

在一个实施例中，文本簇生成模块1204c，还用于根据字体回退规则获取与码点匹配的匹配字体。

在一个实施例中，样式标签添加模块1202，还用于当待处理字符串包括带标记字符串时，则对带标记字符串，采用与带标记字符串对应的标记解析方式进行标记解析，得到含样式标签的字符串。

在一个实施例中，绘制模块1208，还用于获取带标记字符串对应的分析结果；根据分析结果在绘制区域内采用与带标记字符串对应的绘制方式进行图文绘制。

在一个实施例中，绘制模块1208，还用于当待处理字符串包括表情符号时，获取表情符号对应的分析结果；根据分析结果在绘制区域内采用与表情符号对应的绘制方式进行图文绘制。

在一个实施例中，字符串分析模块1204，还用于对含样式标签的字符串采用Uniscribe组件进行字符串分析得到分析结果。

图14示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图14所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置、显示屏、摄像头、声音采集装置及扬声器。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现上述图文绘制方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行上述图文绘制方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图14中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的图文绘制装置可以实现为一种计算机程序的形式，计算机程序可在如图14所示的计算机设备上运行。计算机设备的存储器中可存储组成该图文绘制装置的各个程序模块，比如，图12所示的样式标签添加模块1202、字符串分析模块1204、绘制区域计算模块1206及绘制模块1208。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的图文绘制方法中的步骤。

例如，图14所示的计算机设备可以通过如图12所示的图文绘制装置中的样式标签添加模块1202执行步骤S202。计算机设备可通过字符串分析模块1204执行步骤S204。计算机设备可通过绘制区域计算模块1206执行步骤S206。计算机设备可通过绘制模块1206执行步骤S208。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述图文绘制方法的步骤。此处图文绘制方法的步骤可以是上述各个实施例的图文绘制方法中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述图文绘制方法的步骤。此处图文绘制方法的步骤可以是上述各个实施例的图文绘制方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (11)

1.一种图文绘制方法，包括：

对待处理字符串添加样式标签得到含样式标签的字符串；

对所述含样式标签的字符串进行字符串分析得到分析结果；

根据所述分析结果计算所述待处理字符串的绘制区域；

根据所述分析结果在所述绘制区域内进行图文绘制。

2.根据权利要求1所述的方法，其特征在于，所述对所述含样式标签的字符串进行字符串分析得到分析结果，包括：

对含样式标签的字符串进行标签解析得到每个字符所对应的样式；

根据所述样式获取每个字符对应的文字属性；

将具有相同文字属性的字符聚合成文本簇。

3.根据权利要求2所述的方法，其特征在于，所述文本簇中还包括所述字符与字形的对应关系，所述字符与字形的对应关系的生成过程，包括：

获取所述含样式标签的字符串中每个字符的码点；

根据所述码点获取与所述码点匹配的匹配字体；

根据所述匹配字体生成与所述码点对应的字形，得到所述字符与字形的对应关系。

4.根据权利要求3所述的方法，其特征在于，所述根据所述码点获取与所述码点匹配的匹配字体，包括：

根据字体回退规则获取与所述码点匹配的匹配字体。

5.根据权利要求1所述的方法，其特征在于，所述对待处理字符串添加样式标签得到含样式标签的字符串，包括：

当所述待处理字符串包括带标记字符串时，则对所述带标记字符串，采用与所述带标记字符串对应的标记解析方式进行标记解析，得到含样式标签的字符串。

6.根据权利要求5所述的方法，其特征在于，所述根据所述分析结果在所述绘制区域内进行图文绘制，包括：

获取所述带标记字符串对应的分析结果；

根据所述分析结果在所述绘制区域内采用与所述带标记字符串对应的绘制方式进行图文绘制。

7.根据权利要求1所述的方法，其特征在于，所述根据所述分析结果在所述绘制区域内进行图文绘制，包括：

当所述待处理字符串包括表情符号时，获取所述表情符号对应的分析结果；

根据所述分析结果在所述绘制区域内采用与所述表情符号对应的绘制方式进行图文绘制。

8.根据权利要求1至7中任一项所述的方法，其特征在于，所述对所述含样式标签的字符串进行字符串分析得到分析结果，包括：

对所述含样式标签的字符串采用Uniscribe组件进行字符串分析得到分析结果。

9.一种图文绘制装置，其特征在于，所述装置包括：

样式标签添加模块，用于对待处理字符串添加样式标签得到含样式标签的字符串；

字符串分析模块，用于对所述含样式标签的字符串进行字符串分析得到分析结果；

绘制区域计算模块，用于根据所述分析结果计算所述待处理字符串的绘制区域；

绘制模块，用于根据所述分析结果在所述绘制区域内进行图文绘制。

10.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。

11.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。