CN101937428B - 移动终端设备的带文字内容的图片的重新排版方法及系统 - Google Patents

Abstract

本发明提供一种用于移动终端设备的带文字内容的图片的重新排版方法，包括：判断目标网页的页面数据中是否含有带文字内容的图片；对所述带文字内容的图片进行重新排版，生成符合移动终端设备的屏幕宽度要求的重新排版后图片；将所述重新排版后图片返回至所述移动终端设备。同时，本发明还提供一种用于移动终端设备的带文字内容的图片的重新排版处理系统，包括：图片判断模块和图片重新排版模块。

Description

移动终端设备的带文字内容的图片的重新排版方法及系统

技术领域：

本发明涉及带文字内容的图片的重新排版方法和系统，特别是一种用于移动终端设备的带文字内容的图片的重新排版方法和系统。

背景技术：

手机浏览器的未来发展是以用户的体验好坏为成败的标准。现行手机上网浏览的显示模式有两种：第一种显示模式是移动屏幕(让屏幕在网页上移动)，第二种显示模式是对网页重新进行排版。在第一种显示模式中，由于手机屏幕的宽度往往小于网页中各板块内容的宽度，找到内容后如果要进行阅读，必须每一行移动多次屏幕才能完成对该行的阅读，使得用户在浏览网页时很不方便。在第二种显示模式中，通过对网页重新进行排版，把Web进行技术处理，把每一板块的每一行的内容按屏幕的宽度进行排版(WAP手机浏览器模式)，从而方便了用户浏览网页。但是，即使采用第二种显示模式，由于在网页上经常存在一些带文字的图片，这些带文字的图片宽度一般较大(常见的电子书图片宽度在700像素左右)，因此即使采用第二种显示模式在像手机这样的小屏幕移动设备上阅览这些图片中的文字内容时，仍然需要不断的左右移动图片，给用户的阅览带来不便，造成体验效果非常不好。如果服务器可以对带文字内容的图片进行重新排版，使其文字内容能够自动适应手机屏幕的大小，消除了手机用户在阅览过程中不断左右移动图片的步骤，必将大大的提高用户的阅读体验。

发明内容：

本发明的目的是为了克服现有的小屏幕的移动终端对带文字内容的图片的阅览不方便的缺点，提供了一种更加完善的技术解决方案。

本发明提供了一种用于移动终端设备的带文字内容的图片的重新排版方法，包括：

判断目标网页的页面数据中是否含有带文字内容的图片；

对所述带文字内容的图片进行重新排版，生成符合移动终端设备的屏幕宽度要求的重新排版后图片；

将所述重新排版后图片返回至所述移动终端设备。

上述的带文字内容的图片的重新排版方法还包括：对所述带文字内容的图片的宽度与所述移动终端设备的屏幕宽度进行比较，判断是否需要对所述带文字内容的图片进行所述重新排版。

其中，所述重新排版包括以下步骤：

对所述带文字内容的图片的每一行文字的每一列像素进行扫描，其中连续的空白像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域；

根据所述的扫描结果，将所述带文字内容的图片的每一行内容分割成单个文字；

将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后图片。

上述的带文字内容的图片的重新排版方法还包括：确定所述带文字内容的图片的特定格式；其中，所述重新排版后图片是以所述特定格式返回至所述移动终端设备。

上述的带文字内容的图片的重新排版处理方法还包括：对所述重新排版后图片的长度与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片。

本发明还提供一种用于移动终端设备的带文字内容的图片的重新排版处理系统，包括：

图片判断模块，用于判断目标网页的页面数据中是否存在带文字内容的图片；

图片重新排版模块，用于根据移动终端设备的屏幕宽度对所述带文字内容的图片进行重新排版，生成重新排版后图片。

上述的带文字内容的图片的重新排版处理系统还包括：图片宽度比较模块，用于获取所述带文字内容的图片的宽度并将其与所述移动终端设备的屏幕宽度进行比较。

其中，所述图片重新排版模块对所述带文字内容的图片的每一行文字的每一列像素进行扫描，并根据所述的扫描结果将所述带文字内容的图片的每一行内容分割成单个文字，然后将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后图片。

上述的带文字内容的图片的重新排版处理系统还包括：图片格式识别模块，用于识别所述带文字内容的图片的特定格式；其中，所述图片重新排版模块根据所述特定格式生成所述重新排版后图片。

上述的带文字内容的图片的重新排版处理系统，还包括：

图片长度比较模块，用于获取所述重新排版后图片的长度并将其与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片；

图片分割模块，用于当所述重新排版后图片的长度超过所述移动终端设备的屏幕长度时，将所述重新排版后图片分割符合所述移动终端设备的屏幕长度要求的小图片。

通过实施本发明，服务器对带文字内容的图片进行了重新排版，使其文字内容能够自动适应包括手机在内的各种小屏幕移动终端设备。小屏幕移动终端设备用户无需左右移动图片即可进行畅快阅读。

附图说明：

图1为带文字内容的图片的重新排版处理系统示意图；

图2为显示带文字内容的图片的处理流程图；

图3为是否需要进行带文字内容的图片的转换判断流程图；

图4为对带文字内容的图片进行识别和重新排版的处理流程图。

具体实施方式：

本发明通过将带文字内容的图片进行文字内容的识别和重新排版，使得重新排版后的内容能够自动适应于小屏幕移动终端设备，使得用户能够更方便地在小屏幕移动终端设备上阅览较大宽度的带文字内容的图片。其中，上述小屏幕移动终端设备可以是手机、掌上电脑等。

下面结合附图详细说明本发明的具体实施方式。

图1示出了带文字内容的图片的重新排版处理系统示意图。如图1所示，带文字内容的图片的重新排版处理系统包括图片判断模块1、图片宽度比较模块2、图片重新排版模块3、图片分割模块4、图片格式识别模块5以及图片长度比较模块6。图片判断模块1、图片宽度比较模块2、图片重新排版模块3、图片长度比较模块、图片分割模块4、图片格式识别模块5、图片长度比较模块6、数据存储模块7、通信接口模块8以及CPU10通过数据总线9连接。CPU10通过数据总线9控制图片判断模块1、图片宽度比较模块2、图片重新排版模块3、图片分割模块4、图片格式识别模块5以及图片长度比较模块6的运行。带文字内容的图片的重新排版处理系统通过通信接口模块8连接移动终端设备。

图片判断模块1用于判断目标网页的页面数据中是否存在带文字内容的图片，即当服务器接收到目标网页的页面数据时，通过图片判断模块1判断该页面数据中是否存在带文字内容的图片。图片宽度比较模块2用于获取上述带文字内容的图片的宽度并将其与移动终端设备的屏幕宽度进行比较。其中，上述移动终端设备的屏幕宽度是由移动终端设备的生产商预先设定的。所述重新排版处理系统在屏幕浏览器启动或是屏幕发生横屏变化时，自动读取上述移动终端设备的屏幕宽度，并存储在数据存储模块7中以供图片宽度比较模块2进行宽度比较时使用。

图片重新排版模块3用于根据移动终端设备的屏幕宽度对带文字内容的图片进行重新排版，使得经重新排版后的带文字内容的图片适合在移动终端设备的屏幕显示而无需在阅览时不断左右移动图片。具体地，图片重新排版模块3对上述带文字内容的图片的每一行文字的每一列像素进行扫描，在上述的扫描过程中，连续的空白像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域，根据上述的扫描结果，将上述带文字内容的图片的每一行内容分割成一个个文字并将上述分割后的全部文字根据符合上述移动终端设备的屏幕宽度要求的图片宽度和数据库中上述带文字内容的图片原先特定格式进行重新排布，生成新的图片。图片长度比较模块6用于获取上述带文字内容的图片的长度并将其与移动终端设备的屏幕长度进行比较。其中，上述移动终端设备的屏幕长度是由移动终端设备的生产商预先设定的。所述重新排版处理系统在屏幕浏览器启动或是屏幕发生横屏变化时，自动读取上述移动终端设备的屏幕长度，并存储在数据存储模块7中以供图片长度比较模块6进行长度比较时使用。图片分割模块4用于当图片的长度超过移动终端设备的屏幕长度时，将该图片分割符合上述移动终端设备的屏幕长度的小图片。图片格式识别模块5用于识别上述带文字内容的图片的特定格式，并将识别获得的图片特定格式存入数据存储模块7以供图片重新排版模块3对上述带文字内容的图片进行重新排版时使用。

图2示出了显示带文字内容的图片的处理流程。如图2所示，在步骤S11中，当用户想要浏览某网站的网页页面的内容时，在客户端的浏览器中输入该目标网页页面的URL(统一资源定位符，UniformResource Locator)，服务器根据客户端输入获得上述目标网页页面的URL，并根据上述URL从上述网站获取相应的页面数据，并判断上述页面数据中是否含有带文字内容的图片(步骤S12)。

如果服务器确定上述页面数据中不含有带文字内容的图片(步骤S12：否)，结束带文字内容的图片的处理流程。如果服务器确定上述页面数据中含有带文字内容的图片(步骤S12：是)，服务器判断是否需要对上述带文字内容的图片进行转换(步骤S13)。如果需要对上述带文字内容的图片进行转换(步骤S13：是)，服务器对上述带文字内容的图片进行识别并重新排版(步骤S14)，然后判断经重新排版后的带文字内容的图片的长度是否超过限制(步骤S15)。如果经重新排版后的带文字内容的图片的长度超过限制(步骤S15：是)，服务器将上述经重新排版后的带文字内容的图片分割成符合规定的小图片(步骤S16)，然后将图片返回至客户端显示(步骤S19)。如果经重新排版后的带文字内容的图片的长度没有超过限制(步骤S15：否)，直接进入步骤S19，即服务器直接将图片返回至客户端显示。

返回步骤S13，如果上述页面数据中的带文字内容的图片不需要重新排版(步骤S13：否)，服务器判断上述带文字内容的图片的长度是否超过限制(步骤S17)。如果上述带文字内容的图片的长度是超过限制(步骤S17：是)，服务器将上述带文字内容的图片分割成符合规定的小图片(步骤S18)，然后将图片返回至客户端显示(步骤S19)。如果上述带文字内容的图片的长度没有超过限制(步骤S17：否)，直接进入步骤S19，即服务器直接将图片返回至客户端显示。

图3为步骤S13中是否需要进行带文字内容的图片的转换判断流程图。如图3所示，在步骤S131中，服务器对带文字内容的图片的格式进行判断，获得上述带文字内容的图片的特定格式(例如GIF格式或PNG格式)，将相应特定格式的参数存储至服务器上相应的数据库中(步骤S132)，然后获取上述带文字内容的图片的相应宽度(即图片宽度)(步骤S133)。通常带文字内容的图片的宽度大于等于650像素而小于等于750像素，最常见的带文字内容的图片的宽度为700像素左右。在步骤S134中，服务器将所获取的上述带文字内容的图片的相应宽度与移动终端设备的屏幕宽度进行比较。在本实施例中，移动终端设备的屏幕宽度是一个预先确定的固定值，例如，手机的屏幕宽度通常为小于等于640像素。当上述带文字内容的图片的相应宽度大于移动终端设备的屏幕宽度(步骤S134：是)，进入步骤S14，对上述带文字内容的图片进行识别并重新排版。当上述带文字内容的图片的相应宽度大于移动终端设备的屏幕宽度(步骤S134：否)，进入步骤S17。

图4为步骤S14中对带文字内容的图片进行识别和重新排版的处理流程图。如图4所示，上述服务器对上述带文字内容的图片的每一行文字的每一列像素进行扫描(步骤S141)，在上述的扫描过程中，连续的空白像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域。上述服务器根据上述的扫描结果，将上述带文字内容的图片的每一行内容分割成一个个文字(步骤S142)。上述服务器将上述分割后的全部文字根据上述移动终端设备的屏幕宽度和数据库中上述带文字内容的图片原先特定格式进行重新排布，生成新的图片(步骤S143)。

前述的详细说明及附图是通过文字解释和图示来进行的，其目的不在于限定权利要求的保护范围。本说明书中的具体实施方式的各个变种对于普通技术人员来说显而易见，并处于权利要求及其等同技术的保护范围内。

Claims (8)

1.一种用于移动终端设备的带文字内容的图片的重新排版方法，包括：

判断目标网页的页面数据中是否含有带文字内容的图片；

对所述带文字内容的图片进行文字内容的识别和重新排版，生成符合移动终端设备的屏幕宽度要求的重新排版后图片；

将所述重新排版后图片返回至所述移动终端设备，

其中，所述重新排版包括：

对所述带文字内容的图片的每一行文字的每一列像素进行扫描，其中连续的空白像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域；

根据所述的扫描结果，将所述带文字内容的图片的每一行内容分割成单个文字；

将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后图片。

2.根据权利要求1所述的带文字内容的图片的重新排版方法，还包括：在对所述带文字内容的图片进行重新排版之前，对所述带文字内容的图片的宽度与所述移动终端设备的屏幕宽度进行比较，判断是否需要对所述带文字内容的图片进行所述重新排版。

3.根据权利要求1-2任一所述的带文字内容的图片的重新排版方法，还包括：确定所述带文字内容的图片的特定格式；其中，所述重新排版后图片是以所述特定格式返回至所述移动终端设备。

4.根据权利要求3所述的带文字内容的图片的重新排版方法，还包括：对所述重新排版后图片的长度与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片。

5.一种用于移动终端设备的带文字内容的图片的重新排版处理系统，包括：

图片判断模块，用于判断目标网页的页面数据中是否存在带文字内容的图片；

图片重新排版模块，用于根据移动终端设备的屏幕宽度对所述带文字内容的图片进行文字内容的识别和重新排版，生成重新排版后图片，

其中，所述重新排版后的图片经由通信接口模块返回至所述移动终端设备，

其中，所述图片重新排版模块被配置为：

对所述带文字内容的图片的每一行文字的每一列像素进行扫描，其中连续的空白像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域；

根据所述的扫描结果，将所述带文字内容的图片的每一行内容分割成单个文字；

将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后图片。

6.根据权利要求5所述的带文字内容的图片的重新排版处理系统，还包括：图片宽度比较模块，用于获取所述带文字内容的图片的宽度并将其与所述移动终端设备的屏幕宽度进行比较。

7.根据权利要求5-6任一所述的带文字内容的图片的重新排版处理系统，还包括：图片格式识别模块，用于识别所述带文字内容的图片的特定格式；其中，所述图片重新排版模块根据所述特定格式生成所述重新排版后图片。

8.根据权利要求7所述的带文字内容的图片的重新排版处理系统，还包括：

图片长度比较模块，用于在对所述带文字内容的图片进行重新排版之前，获取所述重新排版后图片的长度并将其与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片；

图片分割模块，用于当所述重新排版后图片的长度超过所述移动终端设备的屏幕长度时，将所述重新排版后图片分割符合所述移动终端设备的屏幕长度要求的小图片。