一种网页文字渲染方法及装置的制造方法
一种网页文字渲染方法及装置的制造方法
【技术领域】
[0001]本发明具体实施例涉及浏览器技术领域，特别涉及一种网页文字渲染方法及装置。
【背景技术】
[0002]随着计算机和互联网技术的发展，使用各种终端，例如台式计算机、智能手机、平板电脑等浏览网页是人们日常生活中最为常见的应用之一。在终端通过所安装的浏览器接收到来自服务器的网页数据时，需要对该网页数据，包括待渲染的文字、图片甚至视频进行渲染，使之通过浏览器呈现给用户。
[0003]目前，浏览器的网页渲染引擎对网页数据中的待渲染文字的渲染方法通常包括:从网页数据中读取待渲染文字的数量、指定字体及指定大小的信息，根据该数量、指定字体及指定大小的信息对浏览器页面进行排版，从而确定待渲染文字的显示区域；其次，从网页数据中读取待渲染文字的编码信息，从而确定待渲染文字；然后，从浏览器的字库中找到待渲染文字的绘制路径，根据该绘制路径及所述指定字体及指定大小逐一绘制待渲染文字对应的文字位图，并将该文字位图依次显示在该显示区域中。
[0004]根据所述绘制路径绘制一个待渲染文字对应的文字位图，通常需要经过连线、修正、填充等非常多的操作步骤才能实现，因此绘制待渲染文字对应的文字位图的速度相对较慢，这将会影响浏览器接收到网页数据后，对网页首字首屏的显示速度和滑动流畅性，容易造成卡顿，因此无法满足一些网页，特别是大型网页对滑动帧率的较高要求。
[0005]为了提高网页首字首屏的显示速度和滑动流畅性，目前的做法只能是提升终端的CPU性能，从而提高待渲染文字对应的文字位图的绘制速度。然而，提升CPU性能需要耗费一定的成本，并且当绘制文字位图的操作大量占用CPU后，对网页数据中其它资源的例如加载、解压、解码和排版等操作都会产生影响，从而影响网页的打开速度。
【发明内容】
[0006]有鉴于此，有必要提供一种网页文字渲染方法及装置，可以提高网页首字首屏的显示速度和滑动流畅性。
[0007]—种网页文字渲染方法，包括以下步骤:预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；当接收到网页数据时，根据该网页数据确定待渲染文字；从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0008]一种网页文字渲染装置，包括:预设模块，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；确定模块，用于当接收到网页数据时，根据该网页数据确定待渲染文字；查找模块，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0009]相较于现有技术，本发明网页文字渲染方法及装置，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0010]为让本发明的上述和其他目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。
【附图说明】
[0011]图1为一种终端的结构框图。
[0012]图2为本发明实施例提供的网页文字渲染方法应用时的环境示意图。
[0013]图3为本发明实施例提供的网页文字渲染方法的流程图。
[0014]图4为预先设定指定文字的方法流程图。
[0015]图5为图3中从文字位图集合中找出待渲染文字对应的文字位图的方法流程图。
[0016]图6为图5中判断文字位图集合中是否存在与所提取的待渲染文字对应的文字位图的方法流程图。
[0017]图7为本发明实施例提供的网页文字渲染装置的框图。
【具体实施方式】
[0018]为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本发明的【具体实施方式】、结构、特征及其功效，详细说明如后。
[0019]图1示出了一种终端的结构框图。如图1所示，终端I包括一个或多个(图中仅示出一个)存储器11、处理器12、存储控制器13、外设接口 14、通信模块15、输入单元16及显示单元17。这些组件通过一条或多条通讯总线/信号线相互通讯。
[0020]本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对终端I的结构造成限定。例如，终端I还可包括比图1所示更多或者更少的组件，或者具有与图1所示不同的配置。图1所示的各组件可以采用硬件、软件或其组合实现。
[0021]存储器11可用于存储软件程序以及模块，如本发明实施例中的网页文字渲染方法及装置对应的程序指令/模块，处理器12通过运行存储在存储器11内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的网页文字渲染方法。
[0022]存储器11可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器11可进一步包括相对于处理器12远程设置的存储器，这些远程设置的存储器可以通过网络连接至终端I。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器12以及其他可能的组件对存储器11的访问可在存储控制器13的控制下进行。
[0023]外设接口 14将各种输入/输出装置耦合至处理器12以及存储器11。处理器12运行存储器11内的各种软件、指令以及执行终端I的各种功能以及进行数据处理。
[0024]通信模块15用于与通信网络或者其他设备进行通信。具体地，通信模块15例如可以是网卡151或RF (Rad1 Frequency，射频)模块152。网卡151作为局域网中连接计算机和传输介质的接口，用于实现与局域网传输介质之间的物理连接与电信号匹配，从而建立局域网并连接到因特网(Internet)，与各种网络如局域网、城域网、广域网进行通信。网卡151可包括各种现有的用于执行上述功能的电路元件，例如处理器和存储器(包括ROM和RAM)等。RF模块152用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通信网络或者其他设备进行通信。RF模块152可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SM)卡、存储器等等。RF模块152可与各种网络如互联网、企业内部网、无线网络进行通信或者通过无线网络与其他设备进行通信。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术，包括但并不限于全球移动通信系统(Global System for Mobile Communicat1n, GSM)、增强型移动通信技术(Enhanced Data GSM Environment, EDGE),宽带码分多址技术(wideband codedivis1n multiple access, W-CDMA),码分多址技术(Code divis1n access, CDMA)、时分多址技术(time divis1n multiple access, TDMA),无线保真技术(Wireless, Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a, IEEE802.lib, IEEE802.1lg和/或 IEEE802.lln)、网络电话(Voice over internet protocal, VoIP)、全球微波互联接入(Worldwide Interoperability for Microwave Access,W1-Max)、其他用于邮件、即时通信及短消息的协议，以及任何其他合适的通信协议，甚至可包括那些当前仍未被开发出来的协议。
[0025]输入单元16可用于接收输入的字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元16可包括按键161以及触控表面162。按键161例如可包括用于输入字符的字符按键，以及用于触发控制功能的控制按键。控制按键的实例包括“返回主屏”按键、开机/关机按键、拍照键等等。触控表面162可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控表面162上或在触控表面162附近的操作)，并根据预先设定的程序驱动相应的连接装置。可选的，触控表面162可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的 触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器12，并能接收处理器12发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控表面162。除了触控表面162，输入单元16还可以包括其他输入设备。上述的其他输入设备包括但不限于物理键盘、轨迹球、鼠标、操作杆等中的一种或多种。
[0026]显示单元17用于显示由用户输入的信息、提供给用户的信息以及终端I的各种图形接口。这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。在一个实例中，显示单元17包括一个显示面板171。该显示面板171例如可为一个液晶显示面板(Liquid Crystal Display, LCD)、有机发光二极管(Organic Light-Emitting D1deDisplay, 0LED)显不面板、电泳显不面板(Electro-Phoretic Display, EPD)等。进一步地，触控表面162可设置于显示面板171上从而与显示面板171构成一个整体。
[0027]参阅图2所示，为本发明实施例提供的网页文字渲染方法应用时的环境示意图。在本实施例中，该网页文字渲染方法应用于上述终端I中，该终端I通过网络2与服务器3进行网络通信。该终端I的具体实例包括包括但并不限于台式计算机、便携式计算机、智能手机、平板电脑、PDA (Personal Digital Assistant,个人数字助理)或者其他类似的运算装置。该服务器3可以包括一台或多台服务器，当然该服务器3也可以是虚拟云计算模组。该网络2可为任意的网络连接方式，例如互联网(Internet)、移动互联网(如电信运营商提供的2G、3G网络)、局域网(有线或者无线)等。
[0028]参阅图3所示，本发明实施例提供一种网页文字渲染方法，该网页文字渲染方法包括以下步骤:
[0029]步骤SI，预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；
[0030]步骤S2，当接收到网页数据时，根据该网页数据确定待渲染文字；
[0031]步骤S3，从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0032]按照上述的网页文字渲染方法，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0033]在一些实例中，上述方法的各步骤的实现细节如下:
[0034]步骤SI所述的预先设定一个或多个指定文字，在本实施例中，该指定文字为通常在网页中出现频度较高的文字。具体而言，参阅图4所示，预先设定该一个或多个指定文字的方法可以包括以下步骤:
[0035]步骤S1.1，获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字；
[0036]步骤S1.2，统计该网页集合中各网页文字出现的频度；
[0037]步骤S1.3，根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。
[0038]具体而言，步骤S1.1所述网页集合中的各网页可以以相应的网页数据来表示，该网页数据中包括待渲染的各种信息，例如待渲染的图片和视频的链接地址，待渲染文字的数量，以及各待渲染文字的编码信息、指定大小及指定字体等信息等。若将其中一个网页的网页数据渲染至终端I中运行的浏览器，则可以在该浏览器的页面中以可视化方式呈现该网页数据，例如在相应的位置播放指定的图片和视频、显示输入框和指定的文字等。
[0039]步骤S1.2可以获取该网页集合中各网页包括的网页文字，即获取各网页文字的编码信息，并根据该网页文字的编码信息统计各网页文字在该网页集合中出现的频度，例如网页文字“的”出现509次，网页文字“是”出现560次，网页文字“不”出现245次等。
[0040]步骤S1.3根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字，具体而言，步骤S1.3可以根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序，并将排在前面的指定数量的网页文字设定为所述指定文字。由此，步骤SI所设定的指定文字即为该网页集合中出现频度较高的网页文字。
[0041]此外，步骤SI也可以根据用户的自定义操作设定所述指定文字，例如用户可以凭经验或对即将渲染的网页数据的了解选择一些网页中的常用文字作为所述指定文字。
[0042]步骤SI还将对每个指定文字绘制相应的文字位图，得到文字位图集合。当然，所述文字位图集合包括的每个文字位图还关联有对应的指定文字的编码信息。
[0043]具体而言，步骤SI可以先从终端I的所述浏览器对应的字库中读取每个指定文字的绘制路径，然后根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。
[0044]所述浏览器对应的字库包括例如各种外文字、中文字以及相关字符的绘制路径。该字库可以在安装所述浏览器时被下载并保存至所述存储器11中。所述绘制路径用于描述相应文字的轮廓、线条走势等信息。所述的默认字体和默认大小可以根据所述浏览器的类型设定。例如针对移动终端的浏览器而言，该默认的字体可以为细体，默认的大小为中号，而针对个人计算机的浏览器而言，该默认的字体可以为宋体，默认的大小为中号。在本实施例中，所有指定文字将共用同一个默认字体和默认大小。步骤SI根据该绘制路径通过连线、修正、填充等操作步骤，绘制出符合该默认字体及默认大小的指定文字相应的文字位图。步骤SI对每个指定文字绘制相应的文字位图后，还可以将所绘制的文字位图缓存起来。
[0045]由于通常文字位图将会比较占终端I的内存，因此若步骤SI所设定的指定文字数量较多，则绘制的文字位图数量也会较多。将这些文字位图都缓存在终端I的内存中，可能会使终端I内存的占用率非常高，从而影响终端I的其它应用的处理效率。因此，步骤SI需要根据终端I的内存大小及浏览器的运行环境来设定恰当数量的指定文字。
[0046]步骤S2所述的网页数据来自服务器3。该网页数据即包括待渲染至所述浏览器的页面从而呈现给用户的各种信息，例如待渲染的图片和视频的链接地址，待渲染文字的数量，以及各待渲染文字的编码信息、指定字体及指定大小的信息等。对不同的待渲染文字可以规定不同的指定字体及指定大小。该网页数据可以包括HTML (HyperText MarkupLanguage,超文本标记语言)数据、Javascript 脚本、CSS (Cascading Style Sheet,级联样式表)样式等。
[0047]步骤S2从该网页数据中获取待渲染文字的编码信息，即可根据该待渲染文字的编码信息确定各个待渲染文字。确定各个待渲染文字后，步骤S2即可从终端I的缓存中加载所述文字位图集合。
[0048]此外，步骤S2还将从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息，并根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域。
[0049]具体而言，步骤S2可以先在浏览器页面中获得一个待渲染区域，该待渲染区域用于渲染所述待渲染文字。然后，步骤S2可以根据该待渲染文字的指定字体及指定大小的信息确定待渲染文字的宽度信息和高度信息，并根据该待渲染文字的数量及高度信息将该待渲染区域划分为若干个高度等于或者略大于待渲染文字的高度信息的长条区域，再根据该待渲染文字的数量及宽度信息将该长条区域划分为若干列子区域，从而各列子区域即为每个待渲染文字的显示区域。
[0050]参阅图5所示，步骤S3从所述文字位图集合中找出待渲染文字对应的文字位图，具体包括以下步骤:
[0051]步骤S3.1，逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图；
[0052]步骤S3.2，若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。
[0053]具体而言，参阅图6所示，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的方法包括以下步骤:
[0054]步骤S3.1.1，判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字 体是否一致；若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则执行步骤S3.1.2 ;若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则执行步骤S3.1.3 ；
[0055]步骤S3.1.2，判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图；
[0056]步骤S3.1.3，判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。
[0057]此外，在步骤S3.2中，若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则步骤S3.2需要进一步从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小的信息绘制所提取的该待渲染文字对应的文字位图。
[0058]步骤S3从所述文字位图集合中找出该待渲染文字对应的文字位图，或者通过上述步骤S3.2绘制出所提取的该待渲染文字对应的文字位图后，还需要将待渲染文字对应的文字位图显示在浏览器页面中。
[0059]具体而言，若步骤S3从所述文字位图集合中找出该待渲染文字对应的文字位图，则需要将该待渲染文字对应的文字位图调整至与所述待渲染文字的指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。若步骤S3是通过步骤S3.2绘制出所提取的该待渲染文字对应的文字位图，则直接将所绘制的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。步骤S3可以按照从上到下，从左到右的顺序将各待渲染文字对应的文字位图逐一显示在该显示区域的所述子区域中。
[0060]在本实施例中，所述步骤SI根据绘制路径及默认字体和默认大小对指定文字绘制相应的文字位图，并不考虑其它默认绘制信息，例如颜色、是否为斜体等。如果需要考虑该默认绘制信息，则根据该绘制路径、默认字体、默认大小和该默认绘制信息对指定文字绘制相应的文字位图。
[0061]由此，得到文字位图集合后，所述步骤S3.1判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图，则需要判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体和指定绘制信息与所述默认字体和默认绘制信息是否一致。只有当所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体和指定绘制信息与所述默认字体和默认绘制信息一致时，才判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图。
[0062]此外，为了提升终端I中GPU (Graphic Processing Unit,图形处理器)对浏览器页面的处理速度，例如缩放、滚动浏览器页面的速度，通常步骤S3需要通过系统自动将待渲染文字对应的文字位图转换成纹理，或者采用硬件加速根据用户的操作将待渲染文字对应的文字位图转换成纹理，然后将该纹理显示在浏览器页面的所述显示区域中。
[0063]综上所述，本实施例的网页文字渲染方法，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到来自服务器3的网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0064]参阅图7所示，本发明实施例还提供一种网页文字渲染装置100，其可内嵌于终端I的浏览器中。该网页文字渲染装置100包括预设模块101、确定模块102和查找模块103。可以理解，上述的各模块是指计算机程序或者程序段，用于执行某一项或多项特定的功能。此外，上述各模块的区分并不代表实际的程序代码也必须是分开的。
[0065]预设模块101，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合。
[0066]具体而言，预设模块101预设该一个或多个指定文字的方式可以如下:获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字；统计该网页集合中各网页文字出现的频度；根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字，例如可以是根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序，并将将排在前面的指定数量的网页文字设定为所述指定文字。
[0067]预设模块101可以从所述浏览器对应的字库中读取每个指定文字的绘制路径，并根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。
[0068]确定模块102，用于当接收到来自服务器3的网页数据时，根据该网页数据确定待渲染文字。具体而言，确定模块102可以从该网页数据中获取待渲染文字的编码信息，根据该待渲染文字的编码信息确定待渲染文字。
[0069]此外，确定模块102还用于从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息，并根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域。
[0070]查找模块103，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0071]具体而言，查找模块103可以逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图，若是，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。
[0072]查找模块103判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的方式可以如下:
[0073]查找模块103判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致；
[0074]若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则查找模块103判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图；
[0075]若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则查找模块103判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。
[0076]此外，查找模块103还用于若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。
[0077]查找模块103将待渲染文字对应的文字位图显示在浏览器页面中，具体而言，查找模块103可以将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。查找模块103也可以将调整后的待渲染文字对应的文字位图先转换成纹理，将该纹理显示在浏览器页面的所述显示区域中。
[0078]对于以上各模块的具体工作过程，可进一步参考本发明实施例提供的网页文字渲染方法，在此不再赘述。
[0079]综上所述，本实施例的网页文字渲染装置100，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到来自服务器3的网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0080]此外，本发明实施例还提供一种计算机可读存储介质，其内存储有计算机可执行指令，上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的网页文字渲染方法中的各种操作。
[0081]以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭示如上，然而并非用以限定本发明，任何本领域技术人员，在不脱离本发明技术方案范围内，当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简介修改、等同变化与修饰，均仍属于本发明技术 方案的范围内。
【主权项】
1.一种网页文字渲染方法，其特征在于，该方法包括以下步骤: 预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合； 当接收到网页数据时，根据该网页数据确定待渲染文字； 从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。2.如权利要求1所述的网页文字渲染方法，其特征在于，所述预先设定一个或多个指定文字的步骤包括: 获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字； 统计该网页集合中各网页文字出现的频度； 根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。3.如权利要求2所述的网页文字渲染方法，其特征在于，所述根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字的步骤包括: 根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序； 将排在前面的指定数量的网页文字设定为所述指定文字。4.如权利要求1所述的网页文字渲染方法，其特征在于，所述根据该网页数据确定待渲染文字的步骤包括: 从该网页数据中获取待渲染文字的编码信息； 根据该待渲染文字的编码信息确定待渲染文字。5.如权利要求1所述的网页文字渲染方法，其特征在于，所述分别对每个指定文字绘制相应的文字位图的步骤包括: 从所述浏览器对应的字库中读取每个指定文字的绘制路径； 根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。6.如权利要求5所述的网页文字渲染方法，其特征在于，所述根据该网页数据确定待渲染文字的步骤还包括: 从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息； 根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域； 所述将待渲染文字对应的文字位图显示在浏览器页面中的步骤包括: 将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。7.如权利要求6所述的网页文字渲染方法，其特征在于，所述从所述文字位图集合中找出该待渲染文字对应的文字位图的步骤包括: 逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图； 若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。8.如权利要求7所述的网页文字渲染方法，其特征在于，所述判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的步骤包括: 判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致； 若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图； 若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。9.如权利要求8所述的网页文字渲染方法，其特征在于，所述从所述文字位图集合中找出与该待渲染文字对应的文字位图的步骤还包括: 若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。10.如权利要求1所述的网页文字渲染方法，其特征在于，所述将待渲染文字对应的文字位图显示在浏览器页面中的步骤包括: 将待渲染文字对应的文字位图转换成纹理，将该纹理显示在浏览器页面中。11.一种网页文字渲染装置，其特征在于，该装置包括: 预设模块，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合； 确定模块，用于当接收到网页数据时，根据该网页数据确定待渲染文字； 查找模块，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。12.如权利要求11所述的网页文字渲染装置，其特征在于，所述预设模块预先设定一个或多个指定文字包括: 获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字； 统计该网页集合中各网页文字出现的频度； 根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。13.如权利要求12所述的网页文字渲染装置，其特征在于，所述根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字包括: 根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序； 将排在前面的指定数量的网页文字设定为所述指定文字。14.如权利要求11所述的网页文字渲染装置，其特征在于，所述确定模块根据该网页数据确定待渲染文字包括: 从该网页数据中获取待渲染文字的编码信息； 根据该待渲染文字的编码信息确定待渲染文字。15.如权利要求11所述的网页文字渲染装置，其特征在于，所述预设模块分别对每个指定文字绘制相应的文字位图包括: 从所述浏览器对应的字库中读取每个指定文字的绘制路径； 根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。16.如权利要求15所述的网页文字渲染装置，其特征在于，所述确定模块还用于: 从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息； 根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域； 所述将待渲染文字对应的文字位图显示在浏览器页面中包括: 将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。17.如权利要求16所述的网页文字渲染装置，其特征在于，所述查找模块从所述文字位图集合中找出该待渲染文字对应的文字位图包括: 逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图； 若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。18.如权利要求17所述的网页文字渲染装置，其特征在于，所述判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图包括: 判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致； 若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图； 若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。19.如权利要求18所述的网页文字渲染装置，其特征在于，所述查找模块还用于: 若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。20.如权利要求11所述的网页文字渲染装置，其特征在于，所述将待渲染文字对应的文字位图显示在浏览器页面中包括: 将待渲染文字对应的文字位图转换成纹理，将该纹理显示在浏览器页面中。
【专利摘要】本发明涉及一种网页文字渲染方法，包括以下步骤：预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；当接收到网页数据时，根据该网页数据确定待渲染文字；从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。本发明还提供一种网页文字渲染装置。利用本发明可以提高网页首字首屏的显示速度和滑动流畅性。
【IPC分类】G06F17/30
【公开号】CN104899227
【申请号】CN201410083433
【发明人】李红波
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年9月9日
【申请日】2014年3月7日
【技术领域】
[0001]本发明具体实施例涉及浏览器技术领域，特别涉及一种网页文字渲染方法及装置。
【背景技术】
[0002]随着计算机和互联网技术的发展，使用各种终端，例如台式计算机、智能手机、平板电脑等浏览网页是人们日常生活中最为常见的应用之一。在终端通过所安装的浏览器接收到来自服务器的网页数据时，需要对该网页数据，包括待渲染的文字、图片甚至视频进行渲染，使之通过浏览器呈现给用户。
[0003]目前，浏览器的网页渲染引擎对网页数据中的待渲染文字的渲染方法通常包括:从网页数据中读取待渲染文字的数量、指定字体及指定大小的信息，根据该数量、指定字体及指定大小的信息对浏览器页面进行排版，从而确定待渲染文字的显示区域；其次，从网页数据中读取待渲染文字的编码信息，从而确定待渲染文字；然后，从浏览器的字库中找到待渲染文字的绘制路径，根据该绘制路径及所述指定字体及指定大小逐一绘制待渲染文字对应的文字位图，并将该文字位图依次显示在该显示区域中。
[0004]根据所述绘制路径绘制一个待渲染文字对应的文字位图，通常需要经过连线、修正、填充等非常多的操作步骤才能实现，因此绘制待渲染文字对应的文字位图的速度相对较慢，这将会影响浏览器接收到网页数据后，对网页首字首屏的显示速度和滑动流畅性，容易造成卡顿，因此无法满足一些网页，特别是大型网页对滑动帧率的较高要求。
[0005]为了提高网页首字首屏的显示速度和滑动流畅性，目前的做法只能是提升终端的CPU性能，从而提高待渲染文字对应的文字位图的绘制速度。然而，提升CPU性能需要耗费一定的成本，并且当绘制文字位图的操作大量占用CPU后，对网页数据中其它资源的例如加载、解压、解码和排版等操作都会产生影响，从而影响网页的打开速度。
【发明内容】
[0006]有鉴于此，有必要提供一种网页文字渲染方法及装置，可以提高网页首字首屏的显示速度和滑动流畅性。
[0007]—种网页文字渲染方法，包括以下步骤:预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；当接收到网页数据时，根据该网页数据确定待渲染文字；从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0008]一种网页文字渲染装置，包括:预设模块，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；确定模块，用于当接收到网页数据时，根据该网页数据确定待渲染文字；查找模块，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0009]相较于现有技术，本发明网页文字渲染方法及装置，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0010]为让本发明的上述和其他目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。
【附图说明】
[0011]图1为一种终端的结构框图。
[0012]图2为本发明实施例提供的网页文字渲染方法应用时的环境示意图。
[0013]图3为本发明实施例提供的网页文字渲染方法的流程图。
[0014]图4为预先设定指定文字的方法流程图。
[0015]图5为图3中从文字位图集合中找出待渲染文字对应的文字位图的方法流程图。
[0016]图6为图5中判断文字位图集合中是否存在与所提取的待渲染文字对应的文字位图的方法流程图。
[0017]图7为本发明实施例提供的网页文字渲染装置的框图。
【具体实施方式】
[0018]为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本发明的【具体实施方式】、结构、特征及其功效，详细说明如后。
[0019]图1示出了一种终端的结构框图。如图1所示，终端I包括一个或多个(图中仅示出一个)存储器11、处理器12、存储控制器13、外设接口 14、通信模块15、输入单元16及显示单元17。这些组件通过一条或多条通讯总线/信号线相互通讯。
[0020]本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对终端I的结构造成限定。例如，终端I还可包括比图1所示更多或者更少的组件，或者具有与图1所示不同的配置。图1所示的各组件可以采用硬件、软件或其组合实现。
[0021]存储器11可用于存储软件程序以及模块，如本发明实施例中的网页文字渲染方法及装置对应的程序指令/模块，处理器12通过运行存储在存储器11内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的网页文字渲染方法。
[0022]存储器11可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器11可进一步包括相对于处理器12远程设置的存储器，这些远程设置的存储器可以通过网络连接至终端I。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器12以及其他可能的组件对存储器11的访问可在存储控制器13的控制下进行。
[0023]外设接口 14将各种输入/输出装置耦合至处理器12以及存储器11。处理器12运行存储器11内的各种软件、指令以及执行终端I的各种功能以及进行数据处理。
[0024]通信模块15用于与通信网络或者其他设备进行通信。具体地，通信模块15例如可以是网卡151或RF (Rad1 Frequency，射频)模块152。网卡151作为局域网中连接计算机和传输介质的接口，用于实现与局域网传输介质之间的物理连接与电信号匹配，从而建立局域网并连接到因特网(Internet)，与各种网络如局域网、城域网、广域网进行通信。网卡151可包括各种现有的用于执行上述功能的电路元件，例如处理器和存储器(包括ROM和RAM)等。RF模块152用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通信网络或者其他设备进行通信。RF模块152可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SM)卡、存储器等等。RF模块152可与各种网络如互联网、企业内部网、无线网络进行通信或者通过无线网络与其他设备进行通信。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术，包括但并不限于全球移动通信系统(Global System for Mobile Communicat1n, GSM)、增强型移动通信技术(Enhanced Data GSM Environment, EDGE),宽带码分多址技术(wideband codedivis1n multiple access, W-CDMA),码分多址技术(Code divis1n access, CDMA)、时分多址技术(time divis1n multiple access, TDMA),无线保真技术(Wireless, Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a, IEEE802.lib, IEEE802.1lg和/或 IEEE802.lln)、网络电话(Voice over internet protocal, VoIP)、全球微波互联接入(Worldwide Interoperability for Microwave Access,W1-Max)、其他用于邮件、即时通信及短消息的协议，以及任何其他合适的通信协议，甚至可包括那些当前仍未被开发出来的协议。
[0025]输入单元16可用于接收输入的字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元16可包括按键161以及触控表面162。按键161例如可包括用于输入字符的字符按键，以及用于触发控制功能的控制按键。控制按键的实例包括“返回主屏”按键、开机/关机按键、拍照键等等。触控表面162可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控表面162上或在触控表面162附近的操作)，并根据预先设定的程序驱动相应的连接装置。可选的，触控表面162可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的 触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器12，并能接收处理器12发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控表面162。除了触控表面162，输入单元16还可以包括其他输入设备。上述的其他输入设备包括但不限于物理键盘、轨迹球、鼠标、操作杆等中的一种或多种。
[0026]显示单元17用于显示由用户输入的信息、提供给用户的信息以及终端I的各种图形接口。这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。在一个实例中，显示单元17包括一个显示面板171。该显示面板171例如可为一个液晶显示面板(Liquid Crystal Display, LCD)、有机发光二极管(Organic Light-Emitting D1deDisplay, 0LED)显不面板、电泳显不面板(Electro-Phoretic Display, EPD)等。进一步地，触控表面162可设置于显示面板171上从而与显示面板171构成一个整体。
[0027]参阅图2所示，为本发明实施例提供的网页文字渲染方法应用时的环境示意图。在本实施例中，该网页文字渲染方法应用于上述终端I中，该终端I通过网络2与服务器3进行网络通信。该终端I的具体实例包括包括但并不限于台式计算机、便携式计算机、智能手机、平板电脑、PDA (Personal Digital Assistant,个人数字助理)或者其他类似的运算装置。该服务器3可以包括一台或多台服务器，当然该服务器3也可以是虚拟云计算模组。该网络2可为任意的网络连接方式，例如互联网(Internet)、移动互联网(如电信运营商提供的2G、3G网络)、局域网(有线或者无线)等。
[0028]参阅图3所示，本发明实施例提供一种网页文字渲染方法，该网页文字渲染方法包括以下步骤:
[0029]步骤SI，预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；
[0030]步骤S2，当接收到网页数据时，根据该网页数据确定待渲染文字；
[0031]步骤S3，从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0032]按照上述的网页文字渲染方法，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0033]在一些实例中，上述方法的各步骤的实现细节如下:
[0034]步骤SI所述的预先设定一个或多个指定文字，在本实施例中，该指定文字为通常在网页中出现频度较高的文字。具体而言，参阅图4所示，预先设定该一个或多个指定文字的方法可以包括以下步骤:
[0035]步骤S1.1，获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字；
[0036]步骤S1.2，统计该网页集合中各网页文字出现的频度；
[0037]步骤S1.3，根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。
[0038]具体而言，步骤S1.1所述网页集合中的各网页可以以相应的网页数据来表示，该网页数据中包括待渲染的各种信息，例如待渲染的图片和视频的链接地址，待渲染文字的数量，以及各待渲染文字的编码信息、指定大小及指定字体等信息等。若将其中一个网页的网页数据渲染至终端I中运行的浏览器，则可以在该浏览器的页面中以可视化方式呈现该网页数据，例如在相应的位置播放指定的图片和视频、显示输入框和指定的文字等。
[0039]步骤S1.2可以获取该网页集合中各网页包括的网页文字，即获取各网页文字的编码信息，并根据该网页文字的编码信息统计各网页文字在该网页集合中出现的频度，例如网页文字“的”出现509次，网页文字“是”出现560次，网页文字“不”出现245次等。
[0040]步骤S1.3根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字，具体而言，步骤S1.3可以根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序，并将排在前面的指定数量的网页文字设定为所述指定文字。由此，步骤SI所设定的指定文字即为该网页集合中出现频度较高的网页文字。
[0041]此外，步骤SI也可以根据用户的自定义操作设定所述指定文字，例如用户可以凭经验或对即将渲染的网页数据的了解选择一些网页中的常用文字作为所述指定文字。
[0042]步骤SI还将对每个指定文字绘制相应的文字位图，得到文字位图集合。当然，所述文字位图集合包括的每个文字位图还关联有对应的指定文字的编码信息。
[0043]具体而言，步骤SI可以先从终端I的所述浏览器对应的字库中读取每个指定文字的绘制路径，然后根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。
[0044]所述浏览器对应的字库包括例如各种外文字、中文字以及相关字符的绘制路径。该字库可以在安装所述浏览器时被下载并保存至所述存储器11中。所述绘制路径用于描述相应文字的轮廓、线条走势等信息。所述的默认字体和默认大小可以根据所述浏览器的类型设定。例如针对移动终端的浏览器而言，该默认的字体可以为细体，默认的大小为中号，而针对个人计算机的浏览器而言，该默认的字体可以为宋体，默认的大小为中号。在本实施例中，所有指定文字将共用同一个默认字体和默认大小。步骤SI根据该绘制路径通过连线、修正、填充等操作步骤，绘制出符合该默认字体及默认大小的指定文字相应的文字位图。步骤SI对每个指定文字绘制相应的文字位图后，还可以将所绘制的文字位图缓存起来。
[0045]由于通常文字位图将会比较占终端I的内存，因此若步骤SI所设定的指定文字数量较多，则绘制的文字位图数量也会较多。将这些文字位图都缓存在终端I的内存中，可能会使终端I内存的占用率非常高，从而影响终端I的其它应用的处理效率。因此，步骤SI需要根据终端I的内存大小及浏览器的运行环境来设定恰当数量的指定文字。
[0046]步骤S2所述的网页数据来自服务器3。该网页数据即包括待渲染至所述浏览器的页面从而呈现给用户的各种信息，例如待渲染的图片和视频的链接地址，待渲染文字的数量，以及各待渲染文字的编码信息、指定字体及指定大小的信息等。对不同的待渲染文字可以规定不同的指定字体及指定大小。该网页数据可以包括HTML (HyperText MarkupLanguage,超文本标记语言)数据、Javascript 脚本、CSS (Cascading Style Sheet,级联样式表)样式等。
[0047]步骤S2从该网页数据中获取待渲染文字的编码信息，即可根据该待渲染文字的编码信息确定各个待渲染文字。确定各个待渲染文字后，步骤S2即可从终端I的缓存中加载所述文字位图集合。
[0048]此外，步骤S2还将从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息，并根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域。
[0049]具体而言，步骤S2可以先在浏览器页面中获得一个待渲染区域，该待渲染区域用于渲染所述待渲染文字。然后，步骤S2可以根据该待渲染文字的指定字体及指定大小的信息确定待渲染文字的宽度信息和高度信息，并根据该待渲染文字的数量及高度信息将该待渲染区域划分为若干个高度等于或者略大于待渲染文字的高度信息的长条区域，再根据该待渲染文字的数量及宽度信息将该长条区域划分为若干列子区域，从而各列子区域即为每个待渲染文字的显示区域。
[0050]参阅图5所示，步骤S3从所述文字位图集合中找出待渲染文字对应的文字位图，具体包括以下步骤:
[0051]步骤S3.1，逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图；
[0052]步骤S3.2，若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。
[0053]具体而言，参阅图6所示，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的方法包括以下步骤:
[0054]步骤S3.1.1，判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字 体是否一致；若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则执行步骤S3.1.2 ;若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则执行步骤S3.1.3 ；
[0055]步骤S3.1.2，判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图；
[0056]步骤S3.1.3，判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。
[0057]此外，在步骤S3.2中，若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则步骤S3.2需要进一步从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小的信息绘制所提取的该待渲染文字对应的文字位图。
[0058]步骤S3从所述文字位图集合中找出该待渲染文字对应的文字位图，或者通过上述步骤S3.2绘制出所提取的该待渲染文字对应的文字位图后，还需要将待渲染文字对应的文字位图显示在浏览器页面中。
[0059]具体而言，若步骤S3从所述文字位图集合中找出该待渲染文字对应的文字位图，则需要将该待渲染文字对应的文字位图调整至与所述待渲染文字的指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。若步骤S3是通过步骤S3.2绘制出所提取的该待渲染文字对应的文字位图，则直接将所绘制的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。步骤S3可以按照从上到下，从左到右的顺序将各待渲染文字对应的文字位图逐一显示在该显示区域的所述子区域中。
[0060]在本实施例中，所述步骤SI根据绘制路径及默认字体和默认大小对指定文字绘制相应的文字位图，并不考虑其它默认绘制信息，例如颜色、是否为斜体等。如果需要考虑该默认绘制信息，则根据该绘制路径、默认字体、默认大小和该默认绘制信息对指定文字绘制相应的文字位图。
[0061]由此，得到文字位图集合后，所述步骤S3.1判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图，则需要判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体和指定绘制信息与所述默认字体和默认绘制信息是否一致。只有当所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体和指定绘制信息与所述默认字体和默认绘制信息一致时，才判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图。
[0062]此外，为了提升终端I中GPU (Graphic Processing Unit,图形处理器)对浏览器页面的处理速度，例如缩放、滚动浏览器页面的速度，通常步骤S3需要通过系统自动将待渲染文字对应的文字位图转换成纹理，或者采用硬件加速根据用户的操作将待渲染文字对应的文字位图转换成纹理，然后将该纹理显示在浏览器页面的所述显示区域中。
[0063]综上所述，本实施例的网页文字渲染方法，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到来自服务器3的网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0064]参阅图7所示，本发明实施例还提供一种网页文字渲染装置100，其可内嵌于终端I的浏览器中。该网页文字渲染装置100包括预设模块101、确定模块102和查找模块103。可以理解，上述的各模块是指计算机程序或者程序段，用于执行某一项或多项特定的功能。此外，上述各模块的区分并不代表实际的程序代码也必须是分开的。
[0065]预设模块101，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合。
[0066]具体而言，预设模块101预设该一个或多个指定文字的方式可以如下:获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字；统计该网页集合中各网页文字出现的频度；根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字，例如可以是根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序，并将将排在前面的指定数量的网页文字设定为所述指定文字。
[0067]预设模块101可以从所述浏览器对应的字库中读取每个指定文字的绘制路径，并根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。
[0068]确定模块102，用于当接收到来自服务器3的网页数据时，根据该网页数据确定待渲染文字。具体而言，确定模块102可以从该网页数据中获取待渲染文字的编码信息，根据该待渲染文字的编码信息确定待渲染文字。
[0069]此外，确定模块102还用于从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息，并根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域。
[0070]查找模块103，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。
[0071]具体而言，查找模块103可以逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图，若是，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。
[0072]查找模块103判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的方式可以如下:
[0073]查找模块103判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致；
[0074]若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则查找模块103判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图；
[0075]若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则查找模块103判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。
[0076]此外，查找模块103还用于若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。
[0077]查找模块103将待渲染文字对应的文字位图显示在浏览器页面中，具体而言，查找模块103可以将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。查找模块103也可以将调整后的待渲染文字对应的文字位图先转换成纹理，将该纹理显示在浏览器页面的所述显示区域中。
[0078]对于以上各模块的具体工作过程，可进一步参考本发明实施例提供的网页文字渲染方法，在此不再赘述。
[0079]综上所述，本实施例的网页文字渲染装置100，通过预先绘制一个或多个指定文字的文字位图，得到文字位图集合，当接收到来自服务器3的网页数据时，可以直接从该文字位图集合中找出与网页数据中待渲染文字对应的文字位图显示在浏览器页面中，从而可以提高网页首字首屏的显示速度和滑动流畅性。
[0080]此外，本发明实施例还提供一种计算机可读存储介质，其内存储有计算机可执行指令，上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的网页文字渲染方法中的各种操作。
[0081]以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭示如上，然而并非用以限定本发明，任何本领域技术人员，在不脱离本发明技术方案范围内，当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简介修改、等同变化与修饰，均仍属于本发明技术 方案的范围内。
【主权项】
1.一种网页文字渲染方法，其特征在于，该方法包括以下步骤: 预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合； 当接收到网页数据时，根据该网页数据确定待渲染文字； 从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。2.如权利要求1所述的网页文字渲染方法，其特征在于，所述预先设定一个或多个指定文字的步骤包括: 获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字； 统计该网页集合中各网页文字出现的频度； 根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。3.如权利要求2所述的网页文字渲染方法，其特征在于，所述根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字的步骤包括: 根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序； 将排在前面的指定数量的网页文字设定为所述指定文字。4.如权利要求1所述的网页文字渲染方法，其特征在于，所述根据该网页数据确定待渲染文字的步骤包括: 从该网页数据中获取待渲染文字的编码信息； 根据该待渲染文字的编码信息确定待渲染文字。5.如权利要求1所述的网页文字渲染方法，其特征在于，所述分别对每个指定文字绘制相应的文字位图的步骤包括: 从所述浏览器对应的字库中读取每个指定文字的绘制路径； 根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。6.如权利要求5所述的网页文字渲染方法，其特征在于，所述根据该网页数据确定待渲染文字的步骤还包括: 从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息； 根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域； 所述将待渲染文字对应的文字位图显示在浏览器页面中的步骤包括: 将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。7.如权利要求6所述的网页文字渲染方法，其特征在于，所述从所述文字位图集合中找出该待渲染文字对应的文字位图的步骤包括: 逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图； 若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。8.如权利要求7所述的网页文字渲染方法，其特征在于，所述判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图的步骤包括: 判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致； 若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图； 若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。9.如权利要求8所述的网页文字渲染方法，其特征在于，所述从所述文字位图集合中找出与该待渲染文字对应的文字位图的步骤还包括: 若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。10.如权利要求1所述的网页文字渲染方法，其特征在于，所述将待渲染文字对应的文字位图显示在浏览器页面中的步骤包括: 将待渲染文字对应的文字位图转换成纹理，将该纹理显示在浏览器页面中。11.一种网页文字渲染装置，其特征在于，该装置包括: 预设模块，用于预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合； 确定模块，用于当接收到网页数据时，根据该网页数据确定待渲染文字； 查找模块，用于从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。12.如权利要求11所述的网页文字渲染装置，其特征在于，所述预设模块预先设定一个或多个指定文字包括: 获取网页集合，该网页集合包括一个或多个网页，每个网页包括至少一个网页文字； 统计该网页集合中各网页文字出现的频度； 根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字。13.如权利要求12所述的网页文字渲染装置，其特征在于，所述根据该网页文字出现的频度将一个或多个网页文字设定为所述指定文字包括: 根据出现的频度从高到低的顺序对该网页集合中各网页文字进行排序； 将排在前面的指定数量的网页文字设定为所述指定文字。14.如权利要求11所述的网页文字渲染装置，其特征在于，所述确定模块根据该网页数据确定待渲染文字包括: 从该网页数据中获取待渲染文字的编码信息； 根据该待渲染文字的编码信息确定待渲染文字。15.如权利要求11所述的网页文字渲染装置，其特征在于，所述预设模块分别对每个指定文字绘制相应的文字位图包括: 从所述浏览器对应的字库中读取每个指定文字的绘制路径； 根据该绘制路径及默认字体和默认大小对该指定文字绘制相应的文字位图。16.如权利要求15所述的网页文字渲染装置，其特征在于，所述确定模块还用于: 从该网页数据中获取待渲染文字的数量、指定字体及指定大小的信息； 根据该待渲染文字的数量、指定字体及指定大小的信息对所述浏览器页面进行排版，从而确定待渲染文字的显示区域； 所述将待渲染文字对应的文字位图显示在浏览器页面中包括: 将待渲染文字对应的文字位图调整至该待渲染文字的所述指定大小，并将调整后的待渲染文字对应的文字位图显示在浏览器页面的所述显示区域中。17.如权利要求16所述的网页文字渲染装置，其特征在于，所述查找模块从所述文字位图集合中找出该待渲染文字对应的文字位图包括: 逐一提取待渲染文字，并且每当提取一个待渲染文字时，判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图； 若该文字位图集合中存在与所提取的该待渲染文字对应的文字位图，则从该文字位图集合中找出与所提取的该待渲染文字对应的文字位图。18.如权利要求17所述的网页文字渲染装置，其特征在于，所述判断该文字位图集合中是否存在与所提取的该待渲染文字对应的文字位图包括: 判断所提取的该待渲染文字的编码信息是否与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，以及判断该待渲染文字的指定字体与所述默认字体是否一致； 若所提取的该待渲染文字的编码信息与该文字位图集合中某一文字位图对应的指定文字的编码信息一致，并且该待渲染文字的指定字体与所述默认字体一致，则判定该文字位图集合中存在与所提取的该待渲染文字对应的文字位图； 若所提取的该待渲染文字的编码信息与该文字位图集合中任一文字位图对应的指定文字的编码信息都不一致，或该待渲染文字的指定字体与所述默认字体不一致，则判定该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图。19.如权利要求18所述的网页文字渲染装置，其特征在于，所述查找模块还用于: 若该文字位图集合中不存在与所提取的该待渲染文字对应的文字位图，则从所述浏览器对应的字库中找出所提取的该待渲染文字对应的绘制路径，并根据该绘制路径及该待渲染文字的指定字体及指定大小绘制所提取的该待渲染文字对应的文字位图。20.如权利要求11所述的网页文字渲染装置，其特征在于，所述将待渲染文字对应的文字位图显示在浏览器页面中包括: 将待渲染文字对应的文字位图转换成纹理，将该纹理显示在浏览器页面中。
【专利摘要】本发明涉及一种网页文字渲染方法，包括以下步骤：预先设定一个或多个指定文字，并分别对每个指定文字绘制相应的文字位图，得到文字位图集合；当接收到网页数据时，根据该网页数据确定待渲染文字；从所述文字位图集合中找出该待渲染文字对应的文字位图，将待渲染文字对应的文字位图显示在浏览器页面中。本发明还提供一种网页文字渲染装置。利用本发明可以提高网页首字首屏的显示速度和滑动流畅性。
【IPC分类】G06F17/30
【公开号】CN104899227
【申请号】CN201410083433
【发明人】李红波
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年9月9日
【申请日】2014年3月7日
最新回复(0)