一种图像处理方法及装置、计算机可读存储介质制造方法及图纸

本发明专利技术实施例公开了一种图像处理方法及装置、计算机可读存储介质，方法包括：在网页应用中，获取当前整屏页面的至少一个页面图像；将至少一个页面图像转换为至少一个文件对象，并创建至少一个文件对象的至少一个链接路径；至少一个文件对象与至少一个链接路径一一对应；创建至少一个图片对象，将至少一个图片对象与至少一个链接路径关联保存在网页应用缓存中，从而完成对当前整屏页面的截图。通过本发明专利技术实施例，能够提高网页应用的截图性能。能够提高网页应用的截图性能。能够提高网页应用的截图性能。

【技术实现步骤摘要】
一种图像处理方法及装置、计算机可读存储介质


[0001]本专利技术涉及终端
，尤其涉及一种图像处理方法及装置、计算机可读存储介质。

技术介绍

[0002]目前，用户可以使用移动终端上的浏览器，对整个超文本标记语言(Hyper Text Markup Language，HTML)网页上的内容进行浏览。当需要对整个网页中一屏或多屏的页面进行截图保存时，目前的截图方法一般会通过HTML规范中的canvas方法对指定的页面进行截图，之后在浏览器缓存中将截取到的HTML页面转换成base64编码格式的图片，最后将转换后的图片保存在移动终端本地。但由于base64编码格式的图片会占用较大的缓存空间，并且在进行HTML页面向base64图片的转换时需要用到网页绘图中的渲染方法，且页面越复杂渲染的时间就越长。因此目前的截图方法对浏览器缓存消耗大，截图的过程长，从而降低了浏览器缓存的性能。

技术实现思路

[0003]本专利技术实施例期望提供一种图像处理方法及装置、计算机可读存储介质，能够提高网页应用的截图性能。
[0004]本专利技术的技术方案是这样实现的：
[0005]第一方面，本专利技术实施例提供了一种图像处理方法，包括：
[0006]在网页应用中，获取当前整屏页面的至少一个页面图像；
[0007]将所述至少一个页面图像转换为至少一个文件对象，并创建所述至少一个文件对象的至少一个链接路径；所述至少一个文件对象与所述至少一个链接路径一一对应；
[0008]创建至少一个图片对象，将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中，从而完成对所述当前整屏页面的截图。
[0009]第二方面，本专利技术实施例提供了一种图像处理装置，包括获取单元、转换单元与保存单元，其中，
[0010]所述获取单元，用于在网页应用中，获取当前整屏页面的至少一个页面图像；
[0011]所述转换单元，用于将所述至少一个页面图像转换为至少一个文件对象，并创建所述至少一个文件对象的至少一个链接路径；所述至少一个文件对象与所述至少一个链接路径一一对应；
[0012]所述保存单元，用于创建至少一个图片对象，将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中，从而完成对所述当前整屏页面的截图。
[0013]第三方面，本专利技术实施例提供了一种图像处理装置，所述图像处理装置包括存储器、处理器以及通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的一个或者多个程序，当所述一个或者多个程序被执行时，所述处理器执行如上述任一种图像处理方法。
[0014]第四方面，本专利技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现上述任一种图像处理的方法。
[0015]本专利技术实施例提供了一种图像处理方法及装置、计算机可读存储介质，该方法包括：在网页应用中，获取当前整屏页面的至少一个页面图像；将至少一个页面图像转换为至少一个文件对象，并创建至少一个文件对象的至少一个链接路径；至少一个文件对象与至少一个链接路径一一对应；创建至少一个图片对象，将至少一个图片对象与至少一个链接路径关联保存在网页应用缓存中，从而完成对当前整屏页面的截图。通过本专利技术实施例中的方法，图像处理装置在获取到至少一个页面图像后，可以将至少一个页面图像转换为至少一个文件对象，并将至少一个文件对象的链接路径关联到至少一个图片对象并在缓存中保存，从而克服了将截图图片转换为其他编码格式所造成的大量缓存占用的技术问题，并且，由于缓存中保存了当前整屏页面的至少一个图片对象，这样，当用户再次进入当前整屏页面想要截图时，图像处理装置可以直接从缓存中获取至少一个图片对象作为对应的页面截图，不需要重复截取，减少了浏览器处理的工作量，最终提高了网页应用的截图性能。
附图说明
[0016]图1为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0017]图2为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0018]图3为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0019]图4为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0020]图5为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0021]图6为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0022]图7A为本专利技术实施例提供的网页应用截图过程的界面示意图一；
[0023]图7B为本专利技术实施例提供的网页应用截图过程的界面示意图二；
[0024]图7C为本专利技术实施例提供的网页应用截图过程的界面示意图三；
[0025]图8为本专利技术实施例提供的图像处理方法的一个可选的流程示意图；
[0026]图9为本专利技术实施例提供的图像处理装置的一个结构示意图一；
[0027]图10为本专利技术实施例提供的图像处理装置的一个结构示意图二。
具体实施方式
[0028]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述。
[0029]对本专利技术实施例进行进一步详细说明之前，对本专利技术实施例中涉及的名词和术语进行说明，本专利技术实施例中涉及的名词和术语适用于如下的解释。
[0030]canvas：HTML中的canvas元素能够通过JavaScript脚本在网页上绘制图像。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
[0031]<a>标签：<a>是HTML语言标签。<a>标签定义超链接，用于从一个页面链接到另一个页面。
[0032]<img>标签：在html中，<img>标签用于在网页中嵌入一幅图像。<img>标签嵌入的
图像并不是插入到网页中，而是链接到网页中。<img>标签的作用是为被引用的图像创建占位符。
[0033]base64编码：base64是一种基于64个可打印字符来表示二进制数据的表示方法。base64要求将每三个8bits字节转换为四个6bit的字节(3*8＝4*6＝24)，然后将转换后的6bit的高位添加2个0，组成4个8bit的字节，再根据这4个8bit字节的十进制在索引表中查找对应的值，此时得到的结果就是Base64值。因此，理论上，经过base64编码转换后的字符串的长度要比原来的字符串长度长1/3。
[0034]文档对象模型(Document Object Model，DOM)，DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。DOM树结点的属性表本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像处理方法，其特征在于，包括：在网页应用中，获取当前整屏页面的至少一个页面图像；将所述至少一个页面图像转换为至少一个文件对象，并创建所述至少一个文件对象的至少一个链接路径；所述至少一个文件对象与所述至少一个链接路径一一对应；创建至少一个图片对象，将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中，从而完成对所述当前整屏页面的截图。2.根据权利要求1所述的方法，其特征在于，所述将所述至少一个页面图像转换为至少一个文件对象，并创建所述至少一个文件对象的至少一个链接路径，包括：将所述至少一个页面图像转换为至少一个二进制大对象，作为所述至少一个文件对象；对于所述至少一个二进制大对象中的每个二进制大对象，调用网页应用脚本中的对象位置路径创建方法创建所述每个二进制大对象的资源地址作为链接路径，从而得到所述至少一个链接路径。3.根据权利要求1所述的方法，其特征在于，所述创建至少一个图片对象，将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中，从而完成对所述当前整屏页面的截图，包括：调用所述网页应用脚本中的图片对象创建方法创建至少一个图片对象；对于每个图片对象，将所述至少一个链接路径中的每个链接路径作为所述每个图片对象的图像源路径，并将所述至少一个图片对象存入所述网页应用缓存中；所述图像源路径为加载所述每个图片对象时获取内容数据的路径；将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存的会话数据中，以实现通过所述会话数据将所述至少一个图片对象与所述至少一个链接路径关联保存，从而完成对所述当前整屏页面的截图。4.根据权利要求1所述的方法，其特征在于，所述获取当前整屏页面的至少一个页面图像，包括：检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象；当所述会话数据中不存在所述至少一个图片对象时，获取所述当前整屏页面的至少一个页面图像。5.根据权利要求4所述的方法，其特征在于，所述检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象之后，所述方法还包括：当所述会话数据中存在所述至少一个图片对象时，从所述会话数据中获取所述至少一个图片对象对应的所述至少一个链接路径，完成对所述当前整屏页面的截图。6.根据权利要求1-4任一项所述的方法，其特征在于，所述获取当前整屏页面的至少一个页面图像，包括：在所述当前整屏页面加载完成时，获取所述当前整屏页面中每个场景对应的图像，作为至少一个页面图像。7.根据权利要求1-4任一项所述的方法，其特征在于，所述在网页应用中，获取当前整屏页面的至少一个页面图像，包括：
当在所述当前整屏页面上接收到截图指令时，响应于所述截图指令，将所述截图指令指定的至少一个待截图场景所对应的图像作为所述至少一个页面图像。8.根据权利要求3或5所述的方法，其特征在于，所述完成对所述当前整屏页面的截图之后，所述方法还包括：当在所述网页应用中，接收到对所述至少一个图片对象中的至少一个目标图片的访问请求时，通过所述至少一个目标图片对象的图像源路径，获取所述至少一个目标图片对象对应的至少一个目标文件对象；所述目标...

【专利技术属性】
技术研发人员：李林森，叶文文，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：