CN117236280B - 竖排文字显示方法及装置 - Google Patents

Abstract

本申请公开了一种竖排文字的显示方法及装置，其中方法包括响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式的对所述文字进行竖排渲染；其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。通过按照上述方式描述svg，能够使得文字竖排在各浏览器之间保持效果一致，并且文字渐变色效果展示正确。进而克服了相关技术中存在的通过css在不同浏览器竖排展示效果不一致，且渐变色展现不正确的技术问题。

Description

竖排文字显示方法及装置

技术领域

本申请涉及信息处理技术领域，具体而言，涉及一种竖排文字显示方法及装置。

背景技术

SVG(Scalable Vector Graphics)，是一种开放标准的矢量图形描述语言。

相关技术中，常规的SVG并不支持文字的竖排效果的展示，而是通过CSS样式设置SVG的文字竖排效果，使用此方法的排版效果在不同互联网浏览器展现的效果不一致，并且SVG(Scalable Vector Graphics浏览器支持的矢量图形格式)使用此方式设置文字竖排时，使用文字渐变色时渐变逻辑会与普通文字渐变色预想的效果不一致。

发明内容

本申请的主要目的在于提供一种竖排文字的显示方法，以解决相关技术中存在的技术问题。

为了实现上述目的，第一方面，本申请提供了一种竖排文字的显示方法，包括响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式对所述文字进行竖排渲染；其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。

在一些实施例中，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置包括：获取不同的语种文字作为一个区块所预先映射的初始坐标位置；基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

在一些实施例中，所述方法还包括针对所述文字预生成可扩展矢量图形格式的数据，包括：基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；基于不同文字的字形获取与其对应的排版宽度；按照不同的语种，将所述文字划分为不同的区块；各区块内每个文字与前一个文字之间的距离，并确定不同区块对应的初始实际位置，以及；将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

在一些实施例中，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据包括：基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

第二方面，本申请还提供了一种竖排文字的显示装置，包括竖排文字渲染单元，响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式的对所述文字进行竖排渲染；其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。

在一些实施例中，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置进一步被配置成包括：获取不同的语种文字作为一个区块所预先映射的初始坐标位置；基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

在一些实施例中，所述装置还包括预处理单元，被配置成：排版高度确定单元，被配置成基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；排版宽度确定单元，被配置成基于不同文字的字形获取与其对应的排版宽度；语种分割单元，被配置成按照不同的语种，将所述文字划分为不同的区块；位置确定单元，被配置成确定各区块内每个文字与前一个文字之间的距离，并确定不同区块对应的初始实际位置；描述单元，被配置成将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

在一些实施例中，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据进一步被配置成包括：基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

第三方面，本申请还提供一种电子设备，包括：存储器，用于存储计算机程序产品；处理器，用于执行存储器中存储的计算机程序产品，且计算机程序产品被执行时，实现上述任一实施例中的方法。

第四方面，本申请还提供一种计算机可读存储介质，其上存储有计算机程序指令，该计算机程序指令被处理器执行时，实现上述任一实施例中的方法。

本申请提供的竖排文字的显示方法及装置，其中方法包括响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式的对所述文字进行竖排渲染；其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。通过按照上述方式描述svg，能够使得文字竖排在各浏览器之间保持效果一致，并且文字渐变色效果展示正确。进而克服了相关技术中存在的通过css在不同浏览器竖排展示效果不一致，且渐变色展现不正确的技术问题。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是本申请的竖排文字的显示方法流程图；

图2是本申请的电子设备的一个应用实施例的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

在本申请中，术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本申请及其实施例，并非用于限定所指示的装置、元件或组成部分必须具有特定方位，或以特定方位进行构造和操作。

并且，上述部分术语除了可以用于表示方位或位置关系以外，还可能用于表示其他含义，例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言，可以根据具体情况理解这些术语在本申请中的具体含义。

另外，术语“多个”的含义应为两个以及两个以上。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

下面参考图1，图1示出了本申请竖排文字的显示方法的一个实施例的流程图，如图1所示，该流程包括以下步骤：

步骤101、响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式的对所述文字进行竖排渲染。

在本实施例中，文字竖排显示请求被触发后，可以按照预设的svg指示的渲染方式进行渲染，使文字在渲染后最终呈现竖排显示效果。

在对文字进行渲染时，可以包括：

步骤1010：获取可扩展矢量图形格式的数据中的排版高度；

在本实施例中，描述为svg格式的数据中包含文字的排版高度，基于指示的内容对文字的排版高度进行渲染。

步骤1011：获取可扩展矢量图形格式的数据中的排版宽度；

在本实施例中，描述为svg格式的数据中包含文字的排版宽度，基于指示的内容对文字的排版宽度进行渲染。不同字形的排版宽度是不同的，比如“1”和“2”的排版宽度是不同。

步骤1012：针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；

在本实施例中，描述为svg格式的数据中包含不同语种文字对应的实际坐标位置，读取后对实际坐标位置进行渲染。

作为本实施例一种可选的实现方式，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置包括：获取不同的语种文字作为一个区块所预先映射的初始坐标位置；基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

在本可选的实现方式中，不同语种文字之间存在差异，因此在竖排显示时也有所差异，比如英文和中文显示效果是不同，英文和日文也不同，对于混合文字，如果不进行处理，竖排的显示效果在不同的浏览器上将会不一致。对于英文如果实现竖排显示，可以通过旋转的方式，而对于一个字为单位文字，比如中文、日文等，无法通过旋转的方式实现竖排显示。

本实施例中，svg文件中指定了语种的分割规则，按照显示顺序，同一个语种划分为一个区块，比如“Apple苹果banana香蕉”可以被划分为四个区块，“Apple”“苹果”“banana”“香蕉”。

步骤1013：基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。

本实施例中，初始位置坐标计算主要考虑当前区块的大小，竖排显示时，区块的大小基于字符的宽度和字符的高度来确定，具体地，区块的水平宽度一般是字体一行的高度，区块的垂直高度是部分语种(可以通过旋转竖排显示的语种)的宽度和不需要通过旋转方式竖排显示语种的文字的高度。竖排文字垂直上到下显示，文字行显示为水平从右到左显示，即第一个区块的位置应在文本框区域范围内水平最右侧、垂直最高处显示，然后按照区块大小按竖排文字顺序排列，遇到需要换行时会分割同语种区块将一部分文字切换到对应排列位置下一行的区域。

进一步地，竖排显示时，文字与文字之间的距离在确定时，依据Svg里dx、dy其是描述下一个字符对于上一个字符中心点的偏移量。也就是需要按照字体计算对应字符高度和字符宽度来获取上一个字符的中心点坐标；因为dx、dy为0时第二个字符初始位置跟随在上一个字符的位置之后的即水平顺序显示两个文字的对应位置，竖排的情况需要字符x坐标对齐，dy基本为负的字符宽度(部分语种字符为字符高度)，然后y坐标在上一个字符之后，dy值基本为正的文字高度(部分语种字符为字符宽度)；同时对于部分语种比如英文，其竖排显示仅需要旋转90度即可，因此需要设置rotate旋转90度时，dx、dy会做一定偏移调整对齐位置，基于此可以实现把原来水平左到右顺序显示的文字转换到以垂直上到下顺序显示。

作为本实施例一种可选的实现方式，所述方法还包括针对所述文字预生成可扩展矢量图形格式的数据，包括：基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；基于不同文字的字形获取与其对应的排版宽度；按照不同的语种，将所述文字划分为不同的区块；各区块内每个文字与前一个文字之间的距离，并确定不同区块对应的初始实际位置；将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

在本可选的实现方式中，svg可以预先对页面中的文字进行描述，而后直接直接执行svg完成渲染，同理也可以直接基于svg渲染规则获取相应的数据直接渲染。无论哪种方式均可按照本本可选实现方式执行。

具体地，每个文字的字形是不同的，基于不同的字形确定文字的ascender和descender，进而计算出文字所需的排版高度；不同的字形排版宽度不同，可以从预定义的不同字形的排版宽度中获取当前文字的排版宽度；而后可以在模拟文字的竖排排版效果，在模拟时计算每个文字与前一个文字之间的距离，按照文字的显示顺序，将相同的语种划分至一个区块中，进而可以得到至少一个区块；根据划分的区块以及文字之间的距离确定实际坐标位置；在得到上述信息后可以描述成svg格式的数据，以便在渲染时执行该逻辑完成渲染。

作为本实施例一种可选的实现方式，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据包括：基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

在本可选的实现方式中，可以使用text标签内tspan包裹竖排的文字，通过设置tspan的dx，dy，实现文字排版。具体地，用text标签内(svg内描述文字元素)的tspan(svg子文字区域内容元素)包裹竖排的文字，通过设置tspan的dx(相对前一个文本元素水平移动位置)，dy(相对前一个文本元素垂直移动位置)实现文字排版。排版过后能够利用tspan区域范围使得计算文字渐变色效果能够更符合应有的实现效果。应当理解的是描述成的svg是在被执行渲染后使文字具有竖排显示效果。

本实施例描述一种方式使浏览器svg(Scalable Vector Graphics)实现竖排文字效果时，能在互联网浏览器保持一致的效果。并能使的文字渐变色在竖排效果下能展现一致的效果。

本申请还提供了一种竖排文字的显示装置，包括竖排文字渲染单元，响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示渲染方式的对所述文字进行竖排渲染；

其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染。

作为本实施例一种可选的实现方式，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置进一步被配置成包括：获取不同的语种文字作为一个区块所预先映射的初始坐标位置；基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

作为本实施例一种可选的实现方式，所述装置还包括预处理单元，被配置成：排版高度确定单元，被配置成基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；排版宽度确定单元，被配置成基于不同文字的字形获取与其对应的排版宽度；语种分割单元，被配置成按照不同的语种，将所述文字划分为不同的区块；位置确定单元，被配置成确定不同区块对应的初始实际位置，以及各区块内每个文字与前一个文字之间的距离；描述单元，被配置成将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

作为本实施例一种可选的实现方式，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据进一步被配置成包括：基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

下面，参考图2来描述根据本公开实施例的电子设备。图2为本申请提供的电子设备一个应用实施例的结构示意图。下面，参考图2来描述根据本公开实施例的电子设备。

如图2所示，电子设备包括一个或多个处理器和存储器。

处理器可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备中的其他组件以执行期望的功能。

存储器可以包括一个或多个计算机程序产品，所述计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器可以运行所述程序指令，以实现上文所述的本申请的各个实施例的任务生成方法以及/或者其他期望的功能。

在一个示例中，电子设备还可以包括：输入装置和输出装置，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。

此外，该输入设备还可以包括例如键盘、鼠标等等。

该输出装置可以向外部输出各种信息，包括确定出的距离信息、方向信息等。该输出设备可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。

当然，为了简化，图2中仅示出了该电子设备中与本申请有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备还可以包括任何其他适当的组件。

除了上述方法和设备以外，本申请的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述部分中描述的根据本申请各种实施例的任务生成方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本申请实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。

此外，本申请的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述部分中描述的根据本申请各种实施例的任务生成方法中的步骤。

所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上结合具体实施例描述了本申请的基本原理，但是，需要指出的是，在本申请中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本申请的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本申请为必须采用上述具体的细节来实现。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (8)

1.一种竖排文字的显示方法，其特征在于，包括：

响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示的渲染方式对所述文字进行竖排渲染；

其中，所述渲染包括：

获取可扩展矢量图形格式的数据中的排版高度；

获取可扩展矢量图形格式的数据中的排版宽度；

针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；

以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染；

方法还包括针对所述文字预生成可扩展矢量图形格式的数据，基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；基于不同文字的字形获取与其对应的排版宽度；按照不同的语种，将所述文字划分为不同的区块；确定各区块内每个文字与前一个文字之间的距离，并确定不同区块对应的初始实际位置，以及将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

2.根据权利要求1所述的竖排文字的显示方法，其特征在于，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置包括：

获取不同的语种文字作为一个区块所预先映射的初始坐标位置；

基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

3.根据权利要求1所述的竖排文字的显示方法，其特征在于，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据包括：基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

4.一种竖排文字的显示装置，其特征在于，包括：

竖排文字渲染单元，响应于文字竖排显示请求被触发，按照所述文字对应的可扩展矢量图形格式的数据指示的渲染方式对所述文字进行竖排渲染；

其中，所述渲染包括：获取可扩展矢量图形格式的数据中的排版高度；获取可扩展矢量图形格式的数据中的排版宽度；针对文字中的不同语种文字，确定各个文字对应的实际坐标位置；以及，基于所述排版高度、所述排版宽度、各个文字对应的所述实际坐标位置、以及可扩展矢量图形格式的数据中文字描述元素指示的文字处理方式对所述文字进行竖排渲染；

所述装置还包括预处理单元，被配置成：排版高度确定单元，被配置成基于不同文字的字形确定所述文字的坡顶和坡底，以确定所述文字的排版高度；排版宽度确定单元，被配置成基于不同文字的字形获取与其对应的排版宽度；语种分割单元，被配置成按照不同的语种，将所述文字划分为不同的区块；位置确定单元，被配置成确定各区块内每个文字与前一个文字之间的距离，并确定不同区块对应的初始实际位置；描述单元，被配置成将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据。

5.根据权利要求4所述的竖排文字的显示装置，其特征在于，所述针对文字中的不同语种文字，确定各个文字对应的实际坐标位置进一步被配置成包括：

获取不同的语种文字作为一个区块所预先映射的初始坐标位置；

基于所述初始坐标位置，以及预设的各个语种文字之间的距离，确定各个文字对应的实际坐标位置。

6.根据权利要求5所述的竖排文字的显示装置，其特征在于，将所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离描述成可扩展矢量图形格式的数据进一步被配置成包括：

基于所述排版高度、所述排版宽度、所述初始实际位置、以及所述距离，使用预设的描述文本元素，描述成可扩展矢量图形格式的数据。

7.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1～3任一项所述的方法。

8.一种电子设备，其特征在于，包括：存储器，用于存储计算机程序产品；处理器，用于执行所述存储器中存储的计算机程序产品，且所述计算机程序产品被执行时，实现上述权利要求1-3任一所述的方法。