竖排文字显示方法及装置与流程

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

背景技术：

1、svg(scalable vector graphics)，是一种开放标准的矢量图形描述语言。

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

技术实现思路

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

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

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

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

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

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

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

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

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

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

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

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

技术特征：

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

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

3.根据权利要求1所述的竖排文字的显示方法，其特征在于，所述方法还包括针对所述文字预生成可扩展矢量图形数据，包括：

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

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

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

7.根据权利要求5所述的竖排文字的显示装置，其特征在于，所述装置还包括预处理单元，被配置成：

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

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

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

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

技术研发人员：章文辰,赵充
受保护的技术使用者：北京饼干科技有限公司
技术研发日：
技术公布日：2024/1/15