处理文字的方法、装置、设备和计算机可读介质制造方法及图纸

本发明专利技术公开了处理文字的方法、装置、设备和计算机可读介质，涉及计算机技术领域。该方法的一具体实施方式包括：按照文字的图像，获得所述文字的最高点纵坐标和所述文字的最低点纵坐标；基于所述文字的最高点纵坐标和所述文字的最低点纵坐标，定位文字块的中线，所述文字块用于填充文字；将所述文字块的中线作为画布中线，在所述画布上的文字块中填充所述文字；将所述画布与所述文字的文档对象模型绑定，以展示所述文字。该实施方式能够在Android系统下设置文字垂直居中。

【技术实现步骤摘要】
处理文字的方法、装置、设备和计算机可读介质
本专利技术涉及计算机
，尤其涉及一种处理文字的方法、装置、设备和计算机可读介质。
技术介绍
随着移动终端的普及，越来越多的用户都在使用移动终端登陆互联网。在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：在移动端网络使用过程中，对于标签和按钮，安卓(Android)系统下难以在页面中垂直居中显示，出现会向上偏移。
技术实现思路
有鉴于此，本专利技术实施例提供一种处理文字的方法、装置、设备和计算机可读介质，能够在Android系统下设置文字垂直居中。为实现上述目的，根据本专利技术实施例的一个方面，提供了一种处理文字的方法，包括：按照文字的图像，获得所述文字的最高点纵坐标和所述文字的最低点纵坐标；基于所述文字的最高点纵坐标和所述文字的最低点纵坐标，定位文字块的中线，所述文字块用于填充文字；将所述文字块的中线作为画布中线，在所述画布上的文字块中填充所述文字；将所述画布与所述文字的文档对象模型绑定，以展示所述文字。所述文字的图像是通过getImageDataAPI返回的数据。所述在所述画布上的文字块中填充所述文字，包括：按照所述文字的最高点纵坐标和所述文字的最低点纵坐标，设置所述文字的基线纵坐标；采用textBaselineAPI将所述文字与所述基线纵坐标对齐，然后通过fillTextAPI将所述文字填充到所述画布上的文字块中。所述按照所述文字的最高点纵坐标和所述文字的最低点纵坐标，设置所述文字的基线纵坐标，包括：将所述文字的最高点纵坐标，与所述文字的最低点纵坐标的差值，作为所述文字块的高度；依据所述文字块的高度，设置所述文字的基线纵坐标。所述在所述画布上按照所述画布中线填充所述文字块之后，还包括：根据所述文字的图像，调整所述画布的边缘。根据本专利技术实施例的第二方面，提供了一种处理文字的装置，包括：坐标模块，用于按照文字的图像，获得所述文字的最高点纵坐标和所述文字的最低点纵坐标；定位模块，用于基于所述文字的最高点纵坐标和所述文字的最低点纵坐标，定位文字块的中线，所述文字块用于填充文字；填充模块，用于将所述文字块的中线作为画布中线，在所述画布上的文字块中填充所述文字；展示模块，用于将所述画布与所述文字的文档对象模型绑定，以展示所述文字。所述文字的图像是通过getImageDataAPI返回的数据。所述填充模块，具体用于按照所述文字的最高点纵坐标和所述文字的最低点纵坐标，设置所述文字的基线纵坐标；采用textBaselineAPI将所述文字与所述基线纵坐标对齐，然后通过fillTextAPI将所述文字填充到所述画布上的文字块中。根据本专利技术实施例的第三方面，提供了一种处理文字的电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述的方法。根据本专利技术实施例的第四方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述的方法。上述专利技术中的一个实施例具有如下优点或有益效果：因为按照文字的图像，获得文字的最高点纵坐标和文字的最低点纵坐标；基于文字的最高点纵坐标和文字的最低点纵坐标，定位文字块的中线，文字块用于填充文字；将文字块的中线作为画布中线，在画布上的文字块中填充文字；将画布与文字的文档对象模型绑定，以展示文字。由于可以将文字块的中线作为画布中线，那么文字块可以在画布中居中显示，因此能够在Android系统下设置文字垂直居中。上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。附图说明附图用于更好地理解本专利技术，不构成对本专利技术的不当限定。其中：图1是根据本专利技术实施例网页中文字偏移的示意图；图2是根据本专利技术实施例的处理文字的方法的主要流程的示意图；图3是根据本专利技术实施例的文字放置位置的示意图；图4是根据本专利技术实施例的显示文字的示意图；图5是根据本专利技术实施例的处理文字的装置的主要结构的示意图；图6是本专利技术实施例可以应用于其中的示例性系统架构图；图7是适于用来实现本专利技术实施例的终端设备或服务器的计算机系统的结构示意图。具体实施方式以下结合附图对本专利技术的示范性实施例做出说明，其中包括本专利技术实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本专利技术的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。参见图1，图1是根据本专利技术实施例网页中文字偏移的示意图。其中，图1a是Android系统下访问某网站的网页。标签：5元券；按钮：看相似。上述标签和按钮均向上偏移。图1b是Android下访问另一个网站网页。标签：99+，也存在向上偏移的问题。图1c是一个Android系统下访问一个应用的页面。标签：自助加薪，同样也存在向上偏移的问题。目前，对于Android系统下，标签和按钮向上偏移的问题，可以采用以下两种方式解决：方式一：针对Android系统在7.0以上的设备，通过在超文本标记语言(HyperTextMarkupLanguage，html)上设置lang属性：htmllang＝"zh-cmn-Hans"。方式二：可以采用Hack方法，单独书写Android样式。对于方案一，并非兼容所有Android设备，会影响英文的展示。对于方案二：需要维护两套样式，即：原有的书写样式和单独书写Android样式，因而会影响开发的效率和提高维护的成本。为了解决Android系统下网页中文字出现向上偏移的技术问题，可以采用以下本专利技术实施例中的技术方案。参见图2，图2是根据本专利技术实施例的处理文字的方法主要流程的示意图，定位文字块的中线，并将文字块的中线作为画布中线，进而在画布上的文字块中填充文字，因而可以文字可以垂直居中。如图2所示，具体包括以下步骤：S201、按照文字的图像，获得文字的最高点纵坐标和文字的最低点纵坐标。在本专利技术实施例中，文字是指Android系统下访问网页，标签和/或按钮涉及的文字。作为一个示例，图1a标签：5元券，5元券即文字。作为另一个示例，图1a按钮：看相似，看相似即文字。文字的图像是包括文字的图像，作为一个示例，图1a中5元券的图像即以框标记的区域。在一个网页中包括一个或多个标签或按钮。那么，对于每个标签或按钮，均有对应的图像。在本专利技术的一个实施例中，可以通过getImageDataAPI返回文字的图像。具体来说，通过Canvas中的getImageDataAPI返回一个ImageD本文档来自技高网...

【技术保护点】
1.一种处理文字的方法，其特征在于，包括：/n按照文字的图像，获得所述文字的最高点纵坐标和所述文字的最低点纵坐标；/n基于所述文字的最高点纵坐标和所述文字的最低点纵坐标，定位文字块的中线，所述文字块用于填充文字；/n将所述文字块的中线作为画布中线，在所述画布上的文字块中填充所述文字；/n将所述画布与所述文字的文档对象模型绑定，以展示所述文字。/n

【技术特征摘要】
1.一种处理文字的方法，其特征在于，包括：
按照文字的图像，获得所述文字的最高点纵坐标和所述文字的最低点纵坐标；
基于所述文字的最高点纵坐标和所述文字的最低点纵坐标，定位文字块的中线，所述文字块用于填充文字；
将所述文字块的中线作为画布中线，在所述画布上的文字块中填充所述文字；
将所述画布与所述文字的文档对象模型绑定，以展示所述文字。


2.根据权利要求1所述处理文字的方法，其特征在于，所述文字的图像是通过getImageDataAPI返回的数据。


3.根据权利要求1所述处理文字的方法，其特征在于，所述在所述画布上的文字块中填充所述文字，包括：
按照所述文字的最高点纵坐标和所述文字的最低点纵坐标，设置所述文字的基线纵坐标；
采用textBaselineAPI将所述文字与所述基线纵坐标对齐，然后通过fillTextAPI将所述文字填充到所述画布上的文字块中。


4.根据权利要求3所述处理文字的方法，其特征在于，所述按照所述文字的最高点纵坐标和所述文字的最低点纵坐标，设置所述文字的基线纵坐标，包括：
将所述文字的最高点纵坐标，与所述文字的最低点纵坐标的差值，作为所述文字块的高度；
依据所述文字块的高度，设置所述文字的基线纵坐标。


5.根据权利要求1所述处理文字的方法，其特征在于，所述在所述画布上按照所述画布中线填充所述文字块之后，还包括：
根据所述文字的图像，...

【专利技术属性】
技术研发人员：李非凡，王悦，李林森，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11