图片信息处理方法、操作处理方法及电子设备的制作方法
【专利摘要】本发明公开了一种图片信息处理方法，用于提高网络请求完成效率。所述方法包括：获取与一网络来源信息对应的第一网页相关的至少两张图片信息；对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。本发明还公开了与上述图片信息处理方法对应的操作处理方法及电子设备。
【专利说明】图片信息处理方法、操作处理方法及电子设备
【技术领域】
[0001]本发明涉及图像处理及嵌入式领域，特别涉及图片信息处理方法、操作处理方法及电子设备。
【背景技术】
[0002]一个网页中为了显示效果更好，通常需要使用大量的图片，这些图片一直是网页加载过程中占用空间最大的文件。
[0003]现有技术中，大型网站采用的解决办法是通过css sprite (—种网页图片应用处理方式)的方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
[0004]本申请发明人在实现本申请实施例技术方案的过程中，至少发现现有技术中存在如下技术问题:
[0005]合图常常是一个非常繁重的工作，现有技术中图片合并后是存储在网络侧，如果用户下次还需使用，则还需重新向网络侧请求，会增加网络侧的负担，而且这样的网络请求完成效率较低，会使用户的等待时间较长。
【发明内容】
[0006]本发明实施例提供图片信息处理方法、操作处理方法及电子设备，用于解决现有技术中网络请求完成效率较低的技术问题，实现了提高网络请求完成效率的技术效果。
[0007]—种图片信息处理方法，应用于客户端电子设备，所述方法应用于包含图片的网页的加载过程中，包括以下步骤:
[0008]获取与一网络来源信息对应的第一网页相关的至少两张图片信息；
[0009]对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；
[0010]将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信
肩、O
[0011]较佳的，获取与一网络来源信息对应的第一网页相关的至少两张图片信息的步骤包括:向网络侧分别发送与所述至少两张图片信息对应的至少两个图片请求消息；获得所述网络侧发送的所述至少两张图片信息。
[0012]较佳的，对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息的步骤包括:通过一种网页编程语言JavaScript根据一种互联网绘图元素canvas对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0013]较佳的，还包括步骤:检测所述网络来源信息对应的第一网页中是否有图片信息更新；当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
[0014]较佳的，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页中有图片信息增加时，检测是否有相应功能的增加；当检测到有相应功能的增加时，加载相应功能，以自动更新本地存储的所述第一图片信息。
[0015]较佳的，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页中有图片信息减少时，检测是否有相应功能的减少；当检测到有相应功能的减少时，卸载相应功能，以自动更新本地存储的所述第一图片信息。
[0016]较佳的，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页中有图片信息的内容发生更改时，根据更改后的图片信息对应修改本地存储的所述第一图片信息。
[0017]一种操作处理方法，应用于客户端电子设备，所述方法应用于包含图片的网页的加载过程中，所述方法包括以下步骤:
[0018]获得用户对所述电子设备进行的第一操作；
[0019]根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令；
[0020]执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信
肩、O
[0021]较佳的，根据与所述第一网页相关的至少两张图片信息合并所述第一图片信息的步骤包括:通过JavaScript根据canvas对所述至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0022]较佳的，在合成所述第一图片信息之后还包括步骤:将所述第一图片信息存储在本地。
[0023]—种电子设备,所述电子设备包括:
[0024]第一获取模块，用于获取与一网络来源信息对应的第一网页相关的至少两张图片信息；
[0025]处理模块，用于对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；
[0026]存储模块，用于将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。
[0027]较佳的，所述第一获取模块具体包括图片请求子模块和图片获得子模块:
[0028]所述图片请求子模块用于向网络侧分别发送与所述至少两张图片信息对应的至少两个图片请求消息；
[0029]所述图片获得子模块用于获得所述网络侧发送的所述至少两张图片信息。
[0030]较佳的,所述处理模块具体用于:通过JavaScript根据canvas对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0031]较佳的，所述电子设备还包括检测模块及更新模块；
[0032]所述检测模块用于检测所述网络来源信息对应的第一网页中是否有图片信息更新；
[0033]所述更新模块用于当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
[0034]较佳的，所述检测模块还包括第一检测子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息增加时，检测是否有相应功能的增加；
[0035]所述更新模块还包括第一更新子模块，用于当检测到有相应功能的增加时，加载相应功能，以自动更新本地存储的所述第一图片信息。
[0036]较佳的，所述检测模块还包括第一检测子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息减少时，检测是否有相应功能的减少；
[0037]所述更新模块还包括第一更新子模块，用于当检测到有相应功能的减少时，卸载相应功能，以自动更新本地存储的所述第一图片信息。
[0038]较佳的，所述更新模块还包括第三更新子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息的内容发生更改时，根据更改后的图片信息对应修改本地存储的所述第一图片信息。
[0039]—种电子设备,所述电子设备包括:
[0040]第二获取模块，用于获得用户对所述电子设备进行的第一操作；
[0041]指令生成模块，用于根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令；
[0042]指令执行模块，用于执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
[0043]较佳的,所述电子设备还包括处理模块,用于通过JavaScript根据canvas对所述至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0044]较佳的，所述电子设备还包括存储模块，用于将所述第一图片信息存储在本地。
[0045]本发明实施例中的图片信息处理方法包括:获取与一网络来源信息对应的第一网页相关的至少两张图片信息；对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。本发明实施例中，可以由客户端直接获取与一网络来源信息对应的所述第一网页相关的至少两张图片信息，例如可以由客户端获取与所述第一网页相关的所有图片信息，由客户端对获取的所有图片信息进行处理，将其合并为一张第一图片信息，无需像现有技术中一样由网络侧来进行图片合并，减轻了网络侧的负担。且本发明实施例中将所述第一图片信息存储在本地，在需要打开所述第一网页时即可从本地加载所述第一图片信息，无需再从网络侧进行获取，明显提高了网页加载的速度，也提高了信息获取的效率，在需要打开所述第一网页时可以较快地加载与所述第一网页相关的所述第一图片信息，提高了网络请求完成效率。
【专利附图】
【附图说明】
[0046]图1为本发明实施例中图片信息处理方法的主要流程图；[0047]图2为本发明实施例中操作处理方法的主要流程图；
[0048]图3为本发明实施例中电子设备的一种主要结构图；
[0049]图4为本发明实施例中电子设备的另一种主要结构图。
【具体实施方式】
[0050]本发明实施例中的图片信息处理方法包括:获取与一网络来源信息对应的第一网页相关的至少两张图片信息；对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。本发明实施例中，可以由客户端直接获取与一网络来源信息对应的所述第一网页相关的至少两张图片信息，例如可以由客户端获取与所述第一网页相关的所有图片信息，由客户端对获取的所有图片信息进行处理，将其合并为一张第一图片信息，无需像现有技术中一样由网络侧来进行图片合并，减轻了网络侧的负担。且本发明实施例中将所述第一图片信息存储在本地，在需要打开所述第一网页时即可从本地加载所述第一图片信息，无需再从网络侧进行获取，明显提高了网页加载的速度，也提高了信息获取的效率，在需要打开所述第一网页时可以较快地加载与所述第一网页相关的所述第一图片信息，提高了网络请求完成效率。
[0051]参见图1，为本发明实施例中图片信息处理方法的主要流程，所述方法可以应用于一客户端电子设备(以下简称客户端或电子设备)，所述方法可以应用于包含图片的网页的加载过程中。所述方法可以包括以下步骤:
[0052]步骤101:获取与一网络来源信息对应的第一网页相关的至少两张图片信息。
[0053]在所述客户端需要第一次打开所述第一网页时，需要从网络侧获取与所述第一网页相关的至少两张图片信息。一般情况下，一个网页会对应多张图片信息，本发明实施例中，所述客户端在需要第一次打开所述第一网页时，可以从网络侧获取与所述第一网页相关的所有图片信息。
[0054]本发明实施例中，所述客户端每请求一张图片，可能需要向网络侧发送一个图片请求消息，因此，所述客户端请求至少两张图片，可能需要向网络侧发送至少两个图片请求消息。所述客户端可以获得网络侧发送的至少两张图片信息。
[0055]具体可以是，用户对所述客户端进行操作，例如用户在所述客户端中安装的浏览器页面中第一次点击了所述第一网页，在用户第一次点击所述第一网页时，所述客户端可以向网络侧请求获取与所述第一网页相关的至少两张图片信息，较佳的，所述客户端可以向网络侧请求获取与所述第一网页相关的所有图片信息。
[0056]从第二次请求开始，因现有技术中合并后的图片是存储在网络侧，当客户端再次打开该第一网页时，需要再次向网络侧请求与该第一网页相关的图片信息，而本发明是将合并后的图片信息存储在了本地，当客户端再次打开该第一网页时，可以直接从本地获取合并后的图片信息，无需再请求网络侧，显然缩短了网络请求的时间，提高了网络请求的效率。图1所示的实施例为客户端向网络侧进行初次请求时的步骤。
[0057]步骤102:对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0058]所述客户端在获得与所述第一网页相关的至少两张图片信息后，可以对获取的至少两张图片信息进行处理，例如一种处理方式可以是合并，可以将获取的至少两张图片信息合并为一张图片信息，合并后得到的一张图片信息可以称为所述第一图片信息。
[0059]本发明实施例中，可以通过JavaScript (—种网页编程语言)根据canvas (—种WEB(互联网)绘图元素)对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0060]可以通过JavaScript根据canvas对获取的至少两张图片信息进行拼接，将其拼接为所述第一图片信息，所述第一图片信息中包含的每张图片信息都可以唯一对应于所述第一网页中的第一位置，以便在加载所述第一图片信息时能够使每张图片信息都显示在所述第一网页中的正确位置。
[0061]现有技术中在网络侧是采用CSS Sprite(—种网页图片应用处理方式)进行图片合并，用该方式进行合并，更多地需要人工手动进行操作，需要网页开发者付出较多的劳动。而如果采用本发明实施例中的方法，通过JavaScript根据canvas对获取的至少两张图片信息进行合并，在程序编写完成之后系统可以自动执行，可以自动对图片进行合并，使整个系统更加智能化，减少了人工操作，也显然提高了操作效率。
[0062]canvas是一个HTML元素,这个元素可以被JavaScript用来绘制图形。例如可以用它来画图、合成图像、或制作动画等。
[0063]步骤103:将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述
第一图片信息。
[0064]在通过JavaScript根据canvas合成所述第一图片信息后,可以将所述第一图片信息存储在所述客户端本地，以供以后凡需要打开所述第一网页时即可从本地进行加载，从而可以较快地在所述第一网页中显示所述第一图片信息。
[0065]同时，因本次是所述客户端需要打开所述第一网页，因在通过JavaScript根据canvas合成所述第一图片信息后，可以将所述第一图片信息显示在所述第一网页中。
[0066]其中，可以先将所述第一图片信息显示在所述第一网页中，之后再将所述第一图片信息存储在本地，或者可以先将所述第一图片信息存储在本地，之后再将所述第一图片信息显示在所述第一网页中，或者可以同时将所述第一图片信息显示在所述第一网页中及将所述第一图片信息存储在本地。
[0067]本发明实施例中，将所述第一图片信息存储在本地，当所述客户端第N次打开所述第一网页时可以直接从本地加载与所述第一网页相关的所述第一图片信息，所述第一网页的显示速度显然比现有技术中更快，网络请求的执行率也显然高于现有技术。
[0068]本发明实施例中，在步骤103之后还可以包括步骤:
[0069]检测所述网络来源信息对应的第一网页中是否有图片信息更新；
[0070]当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
[0071]在用户没有关闭所述第一网页，即在所述第一网页处于打开的情况下，所述客户端可以随时检测所述网络来源信息对应的所述第一网页中是否有图片信息更新，因网络侧可能随时会更新与所述第一网页相关的一张或多张图片信息，例如可能增加与所述第一网页相关的图片信息，或者可能减少与所述第一网页相关的一张或多张图片信息，或者可能更改与所述第一网页相关的一张或多张图片信息。
[0072]其中，所述客户端可以定时检测、实时检测、或者可以在受触发时检测。[0073]当所述客户端检测到所述网络来源信息对应的第一网页中有图片信息更新时，此处的更新指的可以是有图片增加、有图片减少或有图片内容发生了更改，所述客户端可以根据网络侧的更新情况更新本地存储的所述第一图片信息。
[0074]具体的，如果是检测到所述第一网页中有图片信息增加，则所述客户端可以继续检测是否有相应功能模块的增加，因通常网页中增加了图片是因为增加了额外的功能模块。如果所述客户端检测到有相应功能模块的增加时，可以加载增加的功能模块，具体可以是向网络侧请求并加载相应功能模块，在加载增加的功能模块后，本地存储的所述第一图片信息能够得到自动更新；如果所述客户端检测到没有相应功能模块的增加，则可以无需更新所述第一图片信息。
[0075]具体的，如果是检测到所述第一网页中有图片信息减少时，则所述客户端可以继续检测是否有相应功能模块的减少，因通常网页中减少了图片是因为减少了相应的功能模块。如果所述客户端检测到有相应功能模块的减少时，可以卸载减少的功能模块，在卸载相应的功能模块后，本地存储的所述第一图片信息能够得到自动更新；如果所述客户端检测到没有相应功能模块的减少，则可以无需更新所述第一图片信息。
[0076]无论是图片信息增加或减少，都可以通过加载或卸载相应功能模块来实现所述第一图片信息的自动更新，可以一并更新功能模块及图片信息，操作效率较高。
[0077]具体的，如果是检测到所述第一网页中有图片信息的内容发生更改时，可以根据网络侧更新后的图片信息对应更新所述第一图片信息中的相应图片信息，无需再重新进行图片合并，只需修改所述第一图片信息中的相应部位即可，十分便捷，工作量较小。
[0078]本发明实施例中，只要所述第一网页没有关闭，所述客户端就可以检测网络侧是否有关于所述第一网页的图片信息的更新，如果有，可以根据网络侧的更新内容自动更新本地存储的所述第一图片信息，从而可以使所述客户端存储的所述第一图片信息与网络侧同步更新，以满足用户需求，且实现信息的实时更新。
[0079]以下通过几个具体的实施例介绍本发明中的图片信息处理方法，以下的实施例主要介绍了本发明中图片信息处理方法的几种可能的应用场景。需要说明的是，本发明中的实施例只用于解释本发明，而不能用于限制本发明，一切符合本发明思想的实施例均在本发明的保护范围之内，本领域技术人员自然知道应如何根据本发明的思想进行变形。
[0080]实施例一:
[0081]所述客户端为一电脑。一用户正在使用该电脑。
[0082]用户在该电脑中安装的浏览器中点击了第一网页对应的链接，所述客户端开始向网络侧请求与所述第一网页相关的信息。
[0083]本实施例中与所述第一网页相关的图片信息共有10张，则所述客户端可以向网络侧发送10个图片请求消息，该10个图片请求消息分别与该10张图片信息相关。网络侧在接收到图片请求消息后将与每个图片请求消息对应的图片信息分别发送给所述客户端。
[0084]所述客户端可以通过JavaScript根据canvas对获取的至少两张图片信息进行拼接，将其拼接为所述第一图片信息，所述第一图片信息中包含的每张图片信息都可以唯一对应于所述第一网页中的第一位置，以便在加载所述第一图片信息时能够使每张图片信息都显示在所述第一网页中的正确位置。
[0085]所述客户端将所述第一图片信息显示在所述第一网页中，同时也将所述第一图片信息存储在本地。
[0086]用户没有关闭所述第一网页，所述客户端可以定时检测网络侧关于所述第一网页是否有图片信息更新。
[0087]例如在第二时刻，所述客户端检测到网络侧关于所述第一网页有图片信息增加。所述客户端可以继续检测是否有相应功能模块的增加，因通常网页中增加了图片是因为增加了额外的功能模块。如果所述客户端检测到有相应功能模块的增加时，可以加载增加的功能模块，具体可以是向网络侧请求并加载相应功能模块，在加载增加的功能模块后，本地存储的所述第一图片信息能够得到自动更新；如果所述客户端检测到没有相应功能模块的增加，则可以无需更新所述第一图片信息。
[0088]本实施例中所述客户端检测到有相应功能模块的增加,所述客户端加载增加的功能模块，具体可以是向网络侧请求并加载相应功能模块，在加载增加的功能模块后，本地存储的所述第一图片信息也得到了自动更新。
[0089]实施例二:
[0090]所述客户端为一电脑。一用户正在使用该电脑。
[0091]用户在该电脑中安装的浏览器中点击了第一网页对应的链接，所述客户端开始向网络侧请求与所述第一网页相关的信息。
[0092]本实施例中与所述第一网页相关的图片信息共有10张，则所述客户端可以向网络侧发送10个图片请求消息，该10个图片请求消息分别与该10张图片信息相关。网络侧在接收到图片请求消息后将与每个图片请求消息对应的图片信息分别发送给所述客户端。
[0093]所述客户端可以通过JavaScript根据canvas对获取的至少两张图片信息进行拼接，将其拼接为所述第一图片信息，所述第一图片信息中包含的每张图片信息都可以唯一对应于所述第一网页中的第一位置，以便在加载所述第一图片信息时能够使每张图片信息都显示在所述第一网页中的正确位置。
[0094]所述客户端将所述第一图片信息显示在所述第一网页中，之后也将所述第一图片信息存储在本地。
[0095]用户没有关闭所述第一网页，所述客户端可以实时检测网络侧关于所述第一网页是否有图片信息更新。
[0096]例如在第二时刻，所述客户端检测到网络侧关于所述第一网页有图片信息减少。所述客户端可以继续检测是否有相应功能模块的减少，因通常网页中减少了图片是因为减少了相应的功能模块。如果所述客户端检测到有相应功能模块的减少时，可以卸载减少的功能模块，在卸载减少的功能模块后，本地存储的所述第一图片信息能够得到自动更新；如果所述客户端检测到没有相应功能模块的减少，则可以无需更新所述第一图片信息。
[0097]本实施例中所述客户端检测到有相应功能模块的减少，所述客户端卸载减少的功能模块，在卸载减少的功能模块后，本地存储的所述第一图片信息也得到了自动更新。
[0098]实施例三:
[0099]所述客户端为一电脑。一用户正在使用该电脑。
[0100]用户在该电脑中安装的浏览器中点击了第一网页对应的链接，所述客户端开始向网络侧请求与所述第一网页相关的信息。
[0101]本实施例中与所述第一网页相关的图片信息共有10张，则所述客户端可以向网络侧发送10个图片请求消息，该10个图片请求消息分别与该10张图片信息相关。网络侧在接收到图片请求消息后将与每个图片请求消息对应的图片信息分别发送给所述客户端。
[0102]所述客户端可以通过JavaScript根据canvas对获取的至少两张图片信息进行拼接，将其拼接为所述第一图片信息，所述第一图片信息中包含的每张图片信息都可以唯一对应于所述第一网页中的第一位置，以便在加载所述第一图片信息时能够使每张图片信息都显示在所述第一网页中的正确位置。
[0103]所述客户端将所述第一图片信息存储在本地，之后也将所述第一图片信息显示在所述第一网页中。
[0104]用户没有关闭所述第一网页，所述客户端可以实时检测网络侧关于所述第一网页是否有图片信息更新。
[0105]例如在第二时刻，所述客户端检测到网络侧关于所述第一网页有图片信息的内容发生了改变。所述客户端可以根据网络侧更新后的图片信息对应更新所述第一图片信息中的相应图片信息，无需再重新进行图片合并，只需修改所述第一图片信息中的相应部位即可，十分便捷，工作量较小。
[0106]参见图2，本发明还提供一种操作处理方法，所述方法可以应用于所述客户端电子设备(简称客户端或电子设备)所述方法可以应用于包含图片的网页的加载过程中。所述方法的主要流程如下:
[0107]步骤201:获得用户对所述电子设备进行的第一操作。
[0108]本实施例的执行过程可以是在图1所示的所述图片处理方法的执行过程之后，即图2所示的所述操作处理过程是所述客户端第N次打开所述第一网页的过程，其中N为大于I的整数。即所述客户端已经存储了与所述第一网页相关的所述第一图片信息，所述第一图片信息是根据与所述第一网页相关的至少两张图片合并而得到的。
[0109]用户对所述电子设备进行的所述第一操作，指的可以是用户在所述电子设备中安装的浏览器中进行了点击与所述第一网页相关的链接的操作。
[0110]步骤202:根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令。
[0111]所述电子设备在获得所述第一操作时，可以根据所述第一操作所对应的所述第一操作信息对所述第一操作进行响应，以生成所述第一操作指令。
[0112]步骤203:执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
[0113]所述电子设备在生成所述第一操作指令后，可以执行所述第一操作指令，以打开所述第一网页，且在打开所述第一网页的过程中，可以从本地加载与所述第一网页相关的所述第一图片信息。
[0114]所述第一图片信息可以是根据如图1所示的方式，根据至少两张与所述第一网页相关的图片信息合并得到的。
[0115]参见图3，本发明还提供一种电子设备，所述电子设备可以用在客户端。所述电子设备可以包括第一获取模块301、处理模块302和存储模块303。所述电子设备还可以包括检测模块304及更新模块305。
[0116]第一获取模块301可以用于获取与一网络来源信息对应的第一网页相关的至少两张图片信息。
[0117]第一获取模块301可以包括图片请求子模块3011和图片获得子模块3012。
[0118]图片请求子模块3011可以用于向网络侧分别发送与所述至少两张图片信息对应的至少两个图片请求消息。
[0119]图片获得子模块3012可以用于获得所述网络侧发送的所述至少两张图片信息。
[0120]处理模块302可以用于对获取的至少两张图片信息进行处理，将其合并为一张第
一图片信息。
[0121]处理模块302具体可以用于通过JavaScript根据canvas对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0122]处理模块302具体可以用于通过JavaScript根据canvas将获取的至少两张图片信息拼接为所述第一图片信息，所述第一图片信息中的每张图片信息都唯一对应于所述第一网页中的第一位置。
[0123]存储模块303可以用于将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。
[0124]检测模块304可以用于检测所述网络来源信息对应的第一网页中是否有图片信息更新。
[0125]本发明实施例中检测模块304还可以包括第一检测子模块3041和第二检测子模块 3042。
[0126]第一检测子模块3041可以用于当检测到所述网络来源信息对应的第一网页中有图片信息增加时，检测是否有相应功能的增加。
[0127]第二检测子模块3042可以用于当检测到所述网络来源信息对应的第一网页中有图片信息减少时，检测是否有相应功能的减少。
[0128]更新模块305可以用于当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
[0129]本发明实施例中更新模块305还可以包括第一更新子模块3051、第二更新子模块3052和第三更新子模块3053。
[0130]第一更新子模块3051可以用于当检测到有相应功能的增加时，加载相应功能，以自动更新本地存储的所述第一图片信息。
[0131]第二更新子模块3052可以用于当检测到有相应功能的减少时，卸载相应功能，以自动更新本地存储的所述第一图片信息。
[0132]第三更新子模块3053可以用于当检测到所述网络来源信息对应的第一网页中有图片信息的内容发生更改时，根据更改后的图片信息对应修改本地存储的所述第一图片信
肩、O
[0133]参见图4，本发明还提供一种电子设备，所述电子设备可以应用在客户端。所述电子设备可以包括第二获取模块401、指令生成模块402和指令执行模块403。本发明实施例中，图4所示的电子设备与图3所示的电子设备可以是同一电子设备。所述电子设备还可以包括处理模块302和存储模块303。[0134]第二获取模块401可以用于获得用户对所述电子设备进行的第一操作。
[0135]指令生成模块402可以用于根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令。
[0136]指令执行模块403可以用于执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
[0137]本发明实施例中所述第一图片信息可以是根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
[0138]处理模块302可以用于通过JavaScript根据canvas对所述至少两张图片信息进行处理，将其合并为一张第一图片信息。
[0139]存储模块303可以用于将所述第一图片信息存储在本地。
[0140]本发明实施例中的图片信息处理方法包括:获取与一网络来源信息对应的第一网页相关的至少两张图片信息；对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息；将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。本发明实施例中，可以由客户端直接获取与一网络来源信息对应的所述第一网页相关的至少两张图片信息，例如可以由客户端获取与所述第一网页相关的所有图片信息，由客户端对获取的所有图片信息进行处理，将其合并为一张第一图片信息，无需像现有技术中一样由网络侧来进行图片合并，减轻了网络侧的负担。且本发明实施例中将所述第一图片信息存储在本地，在需要打开所述第一网页时即可从本地加载所述第一图片信息，无需再从网络侧进行获取，明显提高了网页加载的速度，也提高了信息获取的效率，在需要打开所述第一网页时可以较快地加载与所述第一网页相关的所述第一图片信息，提高了网络请求完成效率。
[0141]本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
[0142]本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0143]这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。[0144]这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0145]显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
【权利要求】
1.一种图片信息处理方法，其特征在于，应用于客户端电子设备，所述方法应用于包含图片的网页的加载过程中，包括以下步骤: 获取与一网络来源信息对应的第一网页相关的至少两张图片信息； 对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息； 将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。
2.如权利要求1所述的方法，其特征在于，获取与一网络来源信息对应的第一网页相关的至少两张图片信息的步骤包括:向网络侧分别发送与所述至少两张图片信息对应的至少两个图片请求消息；获得所述网络侧发送的所述至少两张图片信息。
3.如权利要求1所述的方法，其特征在于，对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息的步骤包括:通过一种网页编程语言JavaScript根据一种互联网绘图元素canvas对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
4.如权利要求1所述的方法，其特征在于，还包括步骤:检测所述网络来源信息对应的第一网页中是否有图片信息更新；当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
5.如权利要求4所述的方法，其特征在于，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页 中有图片信息增加时，检测是否有相应功能的增加；当检测到有相应功能的增加时，加载相应功能，以自动更新本地存储的所述第一图片信息。
6.如权利要求5所述的方法，其特征在于，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页中有图片信息减少时，检测是否有相应功能的减少；当检测到有相应功能的减少时，卸载相应功能，以自动更新本地存储的所述第一图片信息。
7.如权利要求4所述的方法，其特征在于，当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息的步骤包括:当检测到所述网络来源信息对应的第一网页中有图片信息的内容发生更改时，根据更改后的图片信息对应修改本地存储的所述第一图片信息。
8.一种操作处理方法，其特征在于，应用于客户端电子设备，所述方法应用于包含图片的网页的加载过程中，所述方法包括以下步骤: 获得用户对所述电子设备进行的第一操作； 根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令； 执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
9.如权利要求8所述的方法，其特征在于，根据与所述第一网页相关的至少两张图片信息合并所述第一图片信息的步骤包括:通过JavaScript根据canvas对所述至少两张图片信息进行处理，将其合并为一张第一图片信息。
10.如权利要求8所述的方法，其特征在于，在合成所述第一图片信息之后还包括步骤:将所述第一图片信息存储在本地。
11.一种电子设备，其特征在于，所述电子设备包括: 第一获取模块，用于获取与一网络来源信息对应的第一网页相关的至少两张图片信息； 处理模块，用于对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息； 存储模块，用于将所述第一图片信息存储在本地，以供打开所述第一网页时显示所述第一图片信息。
12.如权利要求11所述的电子设备，其特征在于，所述第一获取模块具体包括图片请求子模块和图片获得子模块: 所述图片请求子模块用于向网络侧分别发送与所述至少两张图片信息对应的至少两个图片请求消息； 所述图片获得子模块用于获得所述网络侧发送的所述至少两张图片信息。
13.如权利要求11所述的电子设备，其特征在于，所述处理模块具体用于:通过JavaScript根据canvas对获取的至少两张图片信息进行处理，将其合并为一张第一图片信息。
14.如权利要求11所述的电子设备，其特征在于，所述电子设备还包括检测模块及更新丰吴块；` 所述检测模块用于检测所述网络来源信息对应的第一网页中是否有图片信息更新； 所述更新模块用于当检测到所述网络来源信息对应的第一网页中有图片信息更新时，更新本地存储的所述第一图片信息。
15.如权利要求14所述的电子设备，其特征在于，所述检测模块还包括第一检测子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息增加时，检测是否有相应功能的增加； 所述更新模块还包括第一更新子模块，用于当检测到有相应功能的增加时，加载相应功能，以自动更新本地存储的所述第一图片信息。
16.如权利要求14所述的电子设备，其特征在于，所述检测模块还包括第一检测子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息减少时，检测是否有相应功能的减少； 所述更新模块还包括第一更新子模块，用于当检测到有相应功能的减少时，卸载相应功能，以自动更新本地存储的所述第一图片信息。
17.如权利要求14所述的电子设备，其特征在于，所述更新模块还包括第三更新子模块，用于当检测到所述网络来源信息对应的第一网页中有图片信息的内容发生更改时，根据更改后的图片信息对应修改本地存储的所述第一图片信息。
18.一种电子设备，其特征在于，所述电子设备包括: 第二获取模块，用于获得用户对所述电子设备进行的第一操作； 指令生成模块，用于根据所述第一操作所对应的第一操作信息对所述第一操作进行响应，生成第一操作指令； 指令执行模块，用于执行所述第一操作指令，打开与所述第一操作所对应的第一网页，其中在打开与所述第一操作所对应的第一网页的过程中，从本地加载与所述第一网页相关的第一图片信息；所述第一图片信息为根据与所述第一网页相关的至少两张图片信息合并而成的图片信息。
19.如权利要求18所述的电子设备，其特征在于，所述电子设备还包括处理模块，用于通过JavaScript根据canvas对所述至少两张图片信息进行处理，将其合并为一张第一图片信息。
20.如权利要求18所述的电子设备，其特征在于，所述电子设备还包括存储模块，用于将所述第一图片信息存储在本地。
【文档编号】G06T11/60GK103678411SQ201210359630
【公开日】2014年3月26日 申请日期:2012年9月24日 优先权日:2012年9月24日
【发明者】袁晓勇 申请人:联想(北京)有限公司