专利名称：移动终端设备的带文字内容的图片的重新排版方法及系统的制作方法
技术领域：
本发明涉及带文字内容的图片的重新排版方法和系统，特别是一种用于移动终端 设备的带文字内容的图片的重新排版方法和系统。
背景技术：
手机浏览器的未来发展是以用户的体验好坏为成败的标准。现行手机上网浏览的 显示模式有两种第一种显示模式是移动屏幕(让屏幕在网页上移动)，第二种显示模式是 对网页重新进行排版。在第一种显示模式中，由于手机屏幕的宽度往往小于网页中各板块 内容的宽度，找到内容后如果要进行阅读，必须每一行移动多次屏幕才能完成对该行的阅 读，使得用户在浏览网页时很不方便。在第二种显示模式中，通过对网页重新进行排版，把 Web进行技术处理，把每一板块的每一行的内容按屏幕的宽度进行排版(WAP手机浏览器模 式)，从而方便了用户浏览网页。但是，即使采用第二种显示模式，由于在网页上经常存在一 些带文字的图片，这些带文字的图片宽度一般较大(常见的电子书图片宽度在700像素左 右)，因此即使采用第二种显示模式在像手机这样的小屏幕移动设备上阅览这些图片中的 文字内容时，仍然需要不断的左右移动图片，给用户的阅览带来不便，造成体验效果非常不 好。如果服务器可以对带文字内容的图片进行重新排版，使其文字内容能够自动适应手机 屏幕的大小，消除了手机用户在阅览过程中不断左右移动图片的步骤，必将大大的提高用 户的阅读体验。
发明内容
本发明的目的是为了克服现有的小屏幕的移动终端对带文字内容的图片的阅览 不方便的缺点，提供了一种更加完善的技术解决方案。本发明提供了一种用于移动终端设备的带文字内容的图片的重新排版方法，包 括判断目标网页的页面数据中是否含有带文字内容的图片；对所述带文字内容的图片进行重新排版，生成符合移动终端设备的屏幕宽度要求 的重新排版后图片；将所述重新排版后图片返回至所述移动终端设备。上述的带文字内容的图片的重新排版方法还包括对所述带文字内容的图片的宽 度与所述移动终端设备的屏幕宽度进行比较，判断是否需要对所述带文字内容的图片进行 所述重新排版。其中，所述重新排版包括以下步骤对所述带文字内容的图片的每一行文字的每一列像素进行扫描，其中连续的空白 像素列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域；根据所述的扫描结果，将所述带文字内容的图片的每一行内容分割成单个文字；将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后图片。上述的带文字内容的图片的重新排版方法还包括确定所述带文字内容的图片的 特定格式；其中，所述重新排版后图片是以所述特定格式返回至所述移动终端设备。上述的带文字内容的图片的重新排版处理方法还包括对所述重新排版后图片的 长度与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割 成符合所述移动终端设备的屏幕长度要求的小图片。本发明还提供一种用于移动终端设备的带文字内容的图片的重新排版处理系统， 包括图片判断模块，用于判断目标网页的页面数据中是否存在带文字内容的图片；图片重新排版模块，用于根据移动终端设备的屏幕宽度对所述带文字内容的图片 进行重新排版，生成重新排版后图片。上述的带文字内容的图片的重新排 版处理系统还包括图片宽度比较模块，用于 获取所述带文字内容的图片的宽度并将其与所述移动终端设备的屏幕宽度进行比较。其中，所述图片重新排版模块对所述带文字内容的图片的每一行文字的每一列像 素进行扫描，并根据所述的扫描结果将所述带文字内容的图片的每一行内容分割成单个文 字，然后将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布， 生成所述重新排版后图片。上述的带文字内容的图片的重新排版处理系统还包括图片格式识别模块，用于 识别所述带文字内容的图片的特定格式；其中，所述图片重新排版模块根据所述特定格式 生成所述重新排版后图片。上述的带文字内容的图片的重新排版处理系统，还包括图片长度比较模块，用于获取所述重新排版后图片的长度并将其与所述移动终端 设备的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端 设备的屏幕长度要求的小图片；图片分割模块，用于当所述重新排版后图片的长度超过所述移动终端设备的屏幕 长度时，将所述重新排版后图片分割符合所述移动终端设备的屏幕长度要求的小图片。通过实施本发明，服务器对带文字内容的图片进行了重新排版，使其文字内容能 够自动适应包括手机在内的各种小屏幕移动终端设备。小屏幕移动终端设备用户无需左右 移动图片即可进行畅快阅读。
图1为带文字内容的图片的重新排版处理系统示意图；图2为显示带文字内容的图片的处理流程图；图3为是否需要进行带文字内容的图片的转换判断流程图；图4为对带文字内容的图片进行识别和重新排版的处理流程图。
具体实施例方式本发明通过将带文字内容的图片进行文字内容的识别和重新排版，使得重新排版 后的内容能够自动适应于小屏幕移动终端设备，使得用户能够更方便地在小屏幕移动终端设备上阅览较大宽度的带文字内容的图片。其中，上述小屏幕移动终端设备可以是手机、掌 上电脑等。下面结合附图详细说明本发明的具体实施方式
。图1示出了带文字内容的图片的重新排版处理系统示意图。如图1所示，带文字 内容的图片的重新排版处理系统包括图片判断模块1、图片宽度比较模块2、图片重新排版 模块3、图片分割模块4、图片格式识别模块5以及图片长度比较模块6。图片判断模块1、 图片宽度比较模块2、图片重新排版模块3、图片长度比较模块、图片分割模块4、图片格式 识别模块5、图片长度比较模块6、数据存储模块7、通信接口模块8以及CPUlO通过数据总 线9连接。CPUlO通过数据总线9控制图片判断模块1、图片宽度比较模块2、图片重新排版 模块3、图片分割模块4、图片格式识别模块5以及图片长度比较模块6的运行。带文字内 容的图片的重新排版处理系统通过通信接口模块8连接移动终端设备。图片判断模块1用于判断目标网页的页面数据中是否存在带文字内容的图片，即 当服务器接收到目标网页的页面数据时，通过图片判断模块1判断该页面数据中是否存在 带文字内容的图片。图片宽度比较模块2用于获取上述带文字内容的图片的宽度并将其与 移动终端设备的屏幕宽度进行比较。其中，上述移动终端设备的屏幕宽度是由移动终端设 备的生产商预先设定的。所述重新排版处理系统在屏幕浏览器启动或是屏幕发生横屏变化 时，自动读取上述移动终端设备的屏幕宽度，并存储在数据存储模块7中以供图片宽度比 较模块2进行宽度比较时使用。图片重新排版模块3用于根据移动终端设备的屏幕宽度对带文字内容的图片进 行重新排版，使得经重新排版后的带文字内容的图片适合在移动终端设备的屏幕显示而无 需在阅览时不断左右移动图片。具体地，图片重新排版模块3对上述带文字内容的图片的 每一行文字的每一列像素进行扫描，在上述的扫描过程中，连续的空白像素列被认为是文 字间的空白区域，连续的有内容像素列被认为是文字区域，根据上述的扫描结果，将上述带 文字内容的图片的每一行内容分割成一个个文字并将上述分割后的全部文字根据符合上 述移动终端设备的屏幕宽度要求的图片宽度和数据库中上述带文字内容的图片原先特定 格式进行重新排布，生成新的图片。图片长度比较模块6用于获取上述带文字内容的图片 的长度并将其与移动终端设备的屏幕长度进行比较。其中，上述移动终端设备的屏幕长度 是由移动终端设备的生产商预先设定的。所述重新排版处理系统在屏幕浏览器启动或是屏 幕发生横屏变化时，自动读取上述移动终端设备的屏幕长度，并存储在数据存储模块7中 以供图片长度比较模块6进行长度比较时使用。图片分割模块4用于当图片的长度超过移 动终端设备的屏幕长度时，将该图片分割符合上述移动终端设备的屏幕长度的小图片。图 片格式识别模块5用于识别上述带文字内容的图片的特定格式，并将识别获得的图片特定 格式存入数据存储模块7以供图片重新排版模块3对上述带文字内容的图片进行重新排版 时使用。图2示出了显示带文字内容的图片的处理流程。如图2所示，在步骤Sll中，当 用户想要浏览某网站的网页页面的内容时，在客户端的浏览器中输入该目标网页页面的 URL(统一资源定位符，Uniform Resource Locator)，服务器根据客户端输入获得上述目标 网页页面的URL，并根据上述URL从上述网站获取相应的页面数据，并判断上述页面数据中 是否含有带文字内容的图片(步骤S12)。
6
如果服务器确定上述页面数据中不含有带文字内容的图片(步骤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)。前述的详细说明及附图是通过文字解释和图示来进行的，其目的不在于限定权利 要求的保护范围。本说明书中的具体实施方式
的各个变种对于普通技术人员来说显而易 见，并处于权利要求及其等同技术的保护范围内。
权利要求
一种用于移动终端设备的带文字内容的图片的重新排版方法，包括判断目标网页的页面数据中是否含有带文字内容的图片；对所述带文字内容的图片进行重新排版，生成符合移动终端设备的屏幕宽度要求的重新排版后图片；将所述重新排版后图片返回至所述移动终端设备。
2.根据权利要求1所述的带文字内容的图片的重新排版方法，还包括对所述带文字 内容的图片的宽度与所述移动终端设备的屏幕宽度进行比较，判断是否需要对所述带文字 内容的图片进行所述重新排版。
3.根据权利要求2所述的带文字内容的图片的重新排版方法，其特征在于所述重新 排版包括以下步骤对所述带文字内容的图片的每一行文字的每一列像素进行扫描，其中连续的空白像素 列被认为是文字间的空白区域，连续的有内容像素列被认为是文字区域；根据所述的扫描结果，将所述带文字内容的图片的每一行内容分割成单个文字；将所述分割后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成 所述重新排版后图片。
4.根据权利要求1-3任一所述的带文字内容的图片的重新排版方法，还包括确定所 述带文字内容的图片的特定格式；其中，所述重新排版后图片是以所述特定格式返回至所 述移动终端设备。
5.根据权利要求4所述的带文字内容的图片的重新排版处理方法，还包括对所述重 新排版后图片的长度与所述移动终端设备的屏幕长度进行比较，判断是否需要将所述重新 排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片。
6.一种用于移动终端设备的带文字内容的图片的重新排版处理系统，包括图片判断模块，用于判断目标网页的页面数据中是否存在带文字内容的图片；图片重新排版模块，用于根据移动终端设备的屏幕宽度对所述带文字内容的图片进行 重新排版，生成重新排版后图片。
7.根据权利要求6所述的带文字内容的图片的重新排版处理系统，还包括图片宽度 比较模块，用于获取所述带文字内容的图片的宽度并将其与所述移动终端设备的屏幕宽度 进行比较。
8.根据权利要求6所述的带文字内容的图片的重新排版处理系统，其特征在于所述 图片重新排版模块对所述带文字内容的图片的每一行文字的每一列像素进行扫描，并根据 所述的扫描结果将所述带文字内容的图片的每一行内容分割成单个文字，然后将所述分割 后的全部所述单个文字根据所述移动终端设备的屏幕宽度重新排布，生成所述重新排版后 图片。
9.根据权利要求6-8任一所述的带文字内容的图片的重新排版处理系统，还包括图 片格式识别模块，用于识别所述带文字内容的图片的特定格式；其中，所述图片重新排版模 块根据所述特定格式生成所述重新排版后图片。
10.根据权利要求9所述的带文字内容的图片的重新排版处理系统，还包括图片长度比较模块，用于获取所述重新排版后图片的长度并将其与所述移动终端设备 的屏幕长度进行比较，判断是否需要将所述重新排版后图片分割成符合所述移动终端设备的屏幕长度要求的小图片；图片分割模块，用于当所述重新排版后图片的长度超过所述移动终端设备的屏幕长度 时，将所述重新排版后图片分割符合所述移动终端设备的屏幕长度要求的小图片。
全文摘要
本发明提供一种用于移动终端设备的带文字内容的图片的重新排版方法，包括判断目标网页的页面数据中是否含有带文字内容的图片；对所述带文字内容的图片进行重新排版，生成符合移动终端设备的屏幕宽度要求的重新排版后图片；将所述重新排版后图片返回至所述移动终端设备。同时，本发明还提供一种用于移动终端设备的带文字内容的图片的重新排版处理系统，包括图片判断模块和图片重新排版模块。
文档编号G06F17/25GK101937428SQ20101025060
公开日2011年1月5日 申请日期2010年8月11日 优先权日2010年8月11日
发明者梁捷, 苏晓 申请人:优视科技有限公司