CN112256990B - 一种图像处理方法及装置、计算机可读存储介质 - Google Patents
一种图像处理方法及装置、计算机可读存储介质 Download PDFInfo
- Publication number
- CN112256990B CN112256990B CN202010902786.1A CN202010902786A CN112256990B CN 112256990 B CN112256990 B CN 112256990B CN 202010902786 A CN202010902786 A CN 202010902786A CN 112256990 B CN112256990 B CN 112256990B
- Authority
- CN
- China
- Prior art keywords
- page
- picture
- image
- picture object
- whole screen
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 27
- 238000000034 method Methods 0.000 claims abstract description 103
- 230000000875 corresponding effect Effects 0.000 claims description 60
- 238000004590 computer program Methods 0.000 claims description 10
- 238000009877 rendering Methods 0.000 claims description 10
- 238000004891 communication Methods 0.000 claims description 9
- 230000006870 function Effects 0.000 claims description 9
- 238000013515 script Methods 0.000 claims description 9
- 238000006243 chemical reaction Methods 0.000 claims description 7
- 230000002596 correlated effect Effects 0.000 claims description 4
- 238000000605 extraction Methods 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 13
- 235000014510 cooky Nutrition 0.000 description 9
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004321 preservation Methods 0.000 description 3
- 230000000750 progressive effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例公开了一种图像处理方法及装置、计算机可读存储介质,方法包括:在网页应用中,获取当前整屏页面的至少一个页面图像;将至少一个页面图像转换为至少一个文件对象,并创建至少一个文件对象的至少一个链接路径;至少一个文件对象与至少一个链接路径一一对应;创建至少一个图片对象,将至少一个图片对象与至少一个链接路径关联保存在网页应用缓存中,从而完成对当前整屏页面的截图。通过本发明实施例,能够提高网页应用的截图性能。
Description
技术领域
本发明涉及终端技术领域,尤其涉及一种图像处理方法及装置、计算机可读存储介质。
背景技术
目前,用户可以使用移动终端上的浏览器,对整个超文本标记语言(Hyper TextMarkup Language,HTML)网页上的内容进行浏览。当需要对整个网页中一屏或多屏的页面进行截图保存时,目前的截图方法一般会通过HTML规范中的canvas方法对指定的页面进行截图,之后在浏览器缓存中将截取到的HTML页面转换成base64编码格式的图片,最后将转换后的图片保存在移动终端本地。但由于base64编码格式的图片会占用较大的缓存空间,并且在进行HTML页面向base64图片的转换时需要用到网页绘图中的渲染方法,且页面越复杂渲染的时间就越长。因此目前的截图方法对浏览器缓存消耗大,截图的过程长,从而降低了浏览器缓存的性能。
发明内容
本发明实施例期望提供一种图像处理方法及装置、计算机可读存储介质,能够提高网页应用的截图性能。
本发明的技术方案是这样实现的:
第一方面,本发明实施例提供了一种图像处理方法,包括:
在网页应用中,获取当前整屏页面的至少一个页面图像;
将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径;所述至少一个文件对象与所述至少一个链接路径一一对应;
创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图。
第二方面,本发明实施例提供了一种图像处理装置,包括获取单元、转换单元与保存单元,其中,
所述获取单元,用于在网页应用中,获取当前整屏页面的至少一个页面图像;
所述转换单元,用于将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径;所述至少一个文件对象与所述至少一个链接路径一一对应;
所述保存单元,用于创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图。
第三方面,本发明实施例提供了一种图像处理装置,所述图像处理装置包括存储器、处理器以及通信总线,所述存储器通过所述通信总线与所述处理器进行通信,所述存储器存储所述处理器可执行的一个或者多个程序,当所述一个或者多个程序被执行时,所述处理器执行如上述任一种图像处理方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现上述任一种图像处理的方法。
本发明实施例提供了一种图像处理方法及装置、计算机可读存储介质,该方法包括:在网页应用中,获取当前整屏页面的至少一个页面图像;将至少一个页面图像转换为至少一个文件对象,并创建至少一个文件对象的至少一个链接路径;至少一个文件对象与至少一个链接路径一一对应;创建至少一个图片对象,将至少一个图片对象与至少一个链接路径关联保存在网页应用缓存中,从而完成对当前整屏页面的截图。通过本发明实施例中的方法,图像处理装置在获取到至少一个页面图像后,可以将至少一个页面图像转换为至少一个文件对象,并将至少一个文件对象的链接路径关联到至少一个图片对象并在缓存中保存,从而克服了将截图图片转换为其他编码格式所造成的大量缓存占用的技术问题,并且,由于缓存中保存了当前整屏页面的至少一个图片对象,这样,当用户再次进入当前整屏页面想要截图时,图像处理装置可以直接从缓存中获取至少一个图片对象作为对应的页面截图,不需要重复截取,减少了浏览器处理的工作量,最终提高了网页应用的截图性能。
附图说明
图1为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图2为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图3为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图4为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图5为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图6为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图7A为本发明实施例提供的网页应用截图过程的界面示意图一;
图7B为本发明实施例提供的网页应用截图过程的界面示意图二;
图7C为本发明实施例提供的网页应用截图过程的界面示意图三;
图8为本发明实施例提供的图像处理方法的一个可选的流程示意图;
图9为本发明实施例提供的图像处理装置的一个结构示意图一;
图10为本发明实施例提供的图像处理装置的一个结构示意图二。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。
对本发明实施例进行进一步详细说明之前,对本发明实施例中涉及的名词和术语进行说明,本发明实施例中涉及的名词和术语适用于如下的解释。
canvas:HTML中的canvas元素能够通过JavaScript脚本在网页上绘制图像。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
<a>标签:<a>是HTML语言标签。<a>标签定义超链接,用于从一个页面链接到另一个页面。
<img>标签:在html中,<img>标签用于在网页中嵌入一幅图像。<img>标签嵌入的图像并不是插入到网页中,而是链接到网页中。<img>标签的作用是为被引用的图像创建占位符。
base64编码:base64是一种基于64个可打印字符来表示二进制数据的表示方法。base64要求将每三个8bits字节转换为四个6bit的字节(3*8=4*6=24),然后将转换后的6bit的高位添加2个0,组成4个8bit的字节,再根据这4个8bit字节的十进制在索引表中查找对应的值,此时得到的结果就是Base64值。因此,理论上,经过base64编码转换后的字符串的长度要比原来的字符串长度长1/3。
文档对象模型(Document Object Model,DOM),DOM提供了对整个文档的访问模型,将文档作为一个树形结构,树的每个结点表示了一个HTML标签或标签内的文本项。DOM树结点的属性表征页面的基本内容和结构信息。
渐进式WEB应用(Progressive Web App,PWA):能够在移动端利用标准化框架workbox-sw模拟一些原生功能,让网页应用呈现和原生应用相似的体验。
二进制大对象(Binary Large Object,Blob):Blob对象是类似文件对象的二进制数据,可以像操作文件对象一样操作Blob对象。
目前,在一些网络宣传页面或者HTML 5动画中,如网络应用的年度账单,或调查报告等的一整屏页面上通常会包括多个场景,每个场景中包含很多的图片元素,需要通过在终端设备上进行滑动查看来完成浏览。当用户在浏览一个多场景整屏页面,想要对其中的每一个场景进行截图操作,并保存图片到本地时,目前的截图方法是通过canvas绘图方法将所选取到的当前场景的页面进行截图,再将图片转成base64编码格式,接下来在图片外围包裹一个<a>标签,使用JavaScript脚本模拟点击事件把图片保存到本地;或者通过<img>标签唤起浏览器原生方法提示用户长按图片,来把图片保存到本地。而当本地图片丢失,想再次保存时候,用户还要进入当前浏览页面,进行上面一系列的操作。
目前的方法中,在将图片转成base64编码格式过程中会用到canvas渲染,页面越复杂canvas渲染的时间就越长。并且,base64图片编码是一个很长的字符串,编码的全部大小获取超过该图片本身的大小,但浏览器Cookie或者浏览器本地的缓存空间都不大。可以看出,目前的浏览器截图保存方法,过程缓慢、对浏览器缓存要求高,浏览器性能消耗大;因而在实际应用中,目前的截图方法由于缓存空间的限制经常出现存储空间不足的报错,无法进行多张图片同时截图保存,一般情况下移动端浏览器对9张以上的网页截图就无法在同时缓存中处理了。并且,目前的截图方法所得到的截图一旦出现丢失,用户想要再次保存截图时,还要进入当前浏览页面,进行上述一系列的操作,从而进一步加剧了浏览器性能损耗。
参见图1,图1是本发明实施例提供的图像处理方法的一个可选的流程示意图,将结合图1示出的步骤进行说明。
S101、在网页应用中,获取当前整屏页面的至少一个页面图像。
本发明实施例中提供的图像处理方法适用于在网页应用上进行截图保存的场景,示例性的,通过终端上的浏览器对一个整屏页面中的各个场景进行截图保存,或是通过支持HTML的应用或客户端,对一个链接中多屏显示的页面内容进行截图的场景等。
S101中,当用户在网页应用如浏览器中浏览多场景的整屏页面时,可以通过滑动页面对整屏页面中多个场景进行浏览,在当前整屏页面加载完毕后,图像处理装置可以根据需要,对当前整屏页面中包含的场景进行截图,将截取的至少一个图像作为至少一个页面图像。
本发明实施例中,图像处理装置可以在网页应用的当前整屏页面上接收到截图指令时,响应于截图指令,将截图指令指定的至少一个待截图场景所对应的图像作为至少一个页面图像。
本发明实施例中,图像处理装置也可以在当前整屏页面加载完成时,获取当前整屏页面中每个场景对应的图像,作为至少一个页面图像,这样,图像处理装置可以在用户发出截图指令之前,就在后台对当前整屏页面中的每个场景进行无感知截图操作,以缩短用户发出截图指令后的等待时间。
在一些实施例中,图像处理装置可以通过浏览器中的cavas截图方法,对当前整屏页面中的全部场景或部分场景进行截屏,从而获取到至少一个页面图像。具体的,可以调用html2canvas()方法,读取每个待截屏场景的样式和内容信息,根据每个待截屏场景的样式和内容信息渲染生成一个图片,从而得到至少一个页面图像。在另一些实施例中,图像处理装置也可以通过Flashcanvas或ExplorerCanvas方法来得到至少一个页面图像,具体的根据实际情况进行选择,本发明实施例不做限定。
本发明实施例中,cavas截图方法通常得到的是png格式的图片,也可以根据实际需要生成其他格式的图片,具体的根据实际情况进行选择,本发明实施例不做限定。
需要说明的是,本发明实施例中,至少一个页面图像是在当前整屏页面中的整屏页面内容全部加载完成后才进行获取的,因此至少一个页面图像都是在网页应用的本地创建或生成的图像。
S102、将至少一个页面图像转换为至少一个文件对象,并创建至少一个文件对象的至少一个链接路径;至少一个文件对象与至少一个链接路径一一对应。
S102中,图像处理装置得到至少一个页面图像之后,可以将图片格式的至少一个页面图像转换为至少一个文件对象,以实现通过在HTML页面中操作文件对象的方式对至少一个页面图像进行访问和内容读取等操作。
在一些实施例中,图像处理装置可以通过canvas.toBlob()方法,将至少一个页面图像转换为至少一个blob对象,将至少一个blob对象作为至少一个文件对象,在其他的一些实施例中,图像处理装置也可以通过其他方法将至少一个页面图像转换为其他文件类型的网页对象,具体的根据实际情况进行选择,本发明实施例不做限定。
S102中,图像处理装置将至少一个页面图像转换为至少一个文件对象之后,为每个文件对象创建一个链接路径。
在一些实施例中,当至少一个文件对象为至少一个blob对象时,图像处理装置可以通过URL.createObjectURL()方法,为每个blob对象创建统一资源定位符(UniformResource Locator,URL)作为每个blob对象对应的链接路径,从而得到至少一个链接路径。
本发明实施例中,至少一个链接路径中的每个链接路径指向其对应的文件对象,因此,图像处理装置可以通过至少一个链接路径,将至少一个文件对象与其他类型的网页对象,如图片对象相关联,通过指定链接路径的方式使得其他类型的网页对象可以引用至少一个文件对象中的数据作为源数据,进而通过对其他类型的网页对象的操作扩展出对至少一个文件对象的多样化的处理方式。
S103、创建至少一个图片对象,将至少一个图片对象与至少一个链接路径关联保存在网页应用缓存中,从而完成对当前整屏页面的截图。
S103中,图像处理装置会在网页应用的本地缓存中创建至少一个图片类型的对象,即至少一个图片对象,并将至少一个链接路径指向至少一个图片对象,从而将至少一个链接路径与至少一个图片对象相关联;图像处理装置将至少一个链接路径与至少一个图片对象共同保存在网页应用缓存中,从而完成对当前整屏页面的截图。
在一些实施例中,图像处理装置可以通过new Image()方法创建至少一个图片对象。对于一个new Image()创建的图片对象,图像处理装置可以将该图片对象的src属性赋值为一个链接路径,这样,在该图片对象被加载时,可以通过对应的链接路径访问到该链接路径对应的文件对象,将文件对象中的内容作为所要在该图片对象中加载的图片的内容数据,从而实现图片对象、链接路径以及文件对象的互相关联。
S103中,为了进一步提高截图处理的速度,图像处理装置还可以将至少一个链接路径存储在网页应用的cookie中,这样,当图像处理装置在对当前整屏页面进行截图之前,可以首先通过检查网页应用的cookie中是否已有所要截图的至少一个链接路径,并通过至少一个链接路径直接获取到历史缓存的至少一个图片对象,不需对同一页面进行重复的截图处理。
可以理解的是,本发明实施例中,图像处理装置在获取到至少一个页面图像后,可以将至少一个页面图像转换为至少一个文件对象,并将至少一个文件对象的链接路径关联到至少一个图片对象并在缓存中保存,从而克服了将截图图片转换为其他编码格式所造成的大量缓存占用的技术问题,并且,由于缓存中保存了当前整屏页面的至少一个图片对象,这样,当用户再次进入当前整屏页面想要截图时,图像处理装置可以直接从缓存中获取至少一个图片对象作为对应的页面截图,不需要重复截取,减少了浏览器处理的工作量,最终提高了网页应用的截图性能。
参见图2,图2是本发明实施例提供的图像处理方法的一个可选的流程示意图,基于图1,图1中示出的S101可以通过S1011-S1014来实现,将结合各步骤进行说明。
S1011、从当前整屏页面中划分出至少一个场景,并对至少一个场景设置至少一个节点标识;至少一个节点标识表征至少一个场景在当前整屏页面中对应的至少一个布局点;至少一个场景与至少一个节点标识一一对应。
S1011中,对于加载完成的当前整屏页面,图像处理装置可以依据其显示的样式或内容,从中划分出至少一个场景,以便于后续从至少一个场景中指定所要截图的场景。相应的,图像处理装置对至少一个场景设置至少一个节点标识;至少一个场景与至少一个节点标识一一对应。
本发明实施例中,至少一个场景为当前整屏页面中包含的页面场景;如当前整屏页面中包含的不同位置上的图像或文字内容,或当前整屏页面中包含的每一屏页面等等;
本发明实施例中,至少一个节点标识表征至少一个场景在当前整屏页面中对应的至少一个数据位置。也就是说,节点标识是其对应的网页对象的内容数据在当前整屏页面对应的整体内容数据中的存放位置。示例性的,当前整屏页面对应的整体内容数据可以是一个HTML文本,浏览器在对HTML文本进行解析时,会根据HTML文本中各个网页对象的关联关系构建一颗DOM树,其中,至少一个节点标识可以是当前整屏页面中DOM树中的文档节点,每个D OM节点下存放着每个网页对象对应的内容数据,每个DOM节点在DOM树中与其他DOM节点互相关联。
在一些实施例中,图像处理装置可以在当前整屏页面中,设置DOM样式为一屏展示,也即将整屏页面中的每一屏页面作为一个场景;图像处理装置为每一屏设置不同的DOMID,作为至少一个节点标识。
S1012、在当前整屏页面中,获取至少一个待截图场景对应的至少一个目标节点标识;至少一个待截图场景为至少一个场景中的目标截图场景。
S1012中,在当前整屏界面中,图像处理装置根据截图指令确定出至少一个待截图场景,或默认将当前整屏界面中的全部场景作为至少一个待截图场景,获取至少一个待截图场景对应的至少一个目标节点标识。
S1013、根据至少一个目标节点标识中的每个目标节点标识,从当前整屏页面的内容数据中读取出每个目标节点标识对应的内容数据,从而得到至少一个目标页面数据。
本发明实施例中,对于至少一个节点标识中的每个节点标识,图像处理装置根据每个节点标识,定位出该节点标识所代表的网页对象在当前整屏页面的整体内容数据中对应的内容数据的存放位置,根据每个节点标识对应的数据存放位置,对其对应的每个网页对象的内容数据进行读取,从而得到至少一个目标页面数据。
S1014、通过网页渲染功能,根据至少一个目标页面数据,生成至少一个页面图像。
本发明实施例中,图像处理装置读取到至少一个目标页面数据之后,可以通过网页渲染功能,如cavas绘图方法,根据至少一个目标页面数据,生成至少一个页面图像。
可以理解的是,本发明实施例中,可以通过预设不同样式的节点标识,来对当前整屏页面进行不同形式的截图处理,从而提高了页面截图的灵活性。
本发明实施例中,参见图3,图3为本发明实施例提供的一种图像处理方法的可选的流程示意图,图1中示出的S102可以通过S1021-S1022来实现,将结合各步骤进行说明。
S1021、将至少一个页面图像转换为至少一个二进制大对象,作为至少一个文件对象。
S1021中,当图像处理装置获取到至少一个页面图像之后,可以调用网页绘图方法中图片转二进制大对象的转换方法,实现将至少一个页面图像转换为至少一个二进制大对象,作为至少一个文件对象。
在一些实施例中,图像处理装置通过canvas.toBlob()方法,对至少一个页面图像进行格式转换,转换为至少一个blob对象,作为至少一个文件对象。
S1021中,与目前的截图方法相比,图像处理装置使用canvas.toBlob(),而非canvas.toDataURL方法去转化页面图像,是因为canvas.toDataURL所转化的页面图像是base64的编码格式,其数据体积比原图片数据体积要大,会占用较多的网页应用缓存,引起截图报错。
S1022、对于至少一个二进制大对象中的每个二进制大对象,调用网页应用脚本中的对象位置路径创建方法创建每个二进制大对象的资源地址作为链接路径,从而得到至少一个链接路径。
S1022中、图像处理装置将至少一个页面图像转换为至少一个blob对象之后,对于每个blob对象,调用URL.createObjectURL()方法,创建每个blob对象对应的URL地址作为该blob对象的链接路径,从而得到至少一个链接路径。
本发明实施例中,调用URL.createObjectURL()方法会返回一段带hash的u rl字符串,用以指定其对应的blob对象。
可以理解的是,本发明实施例中,图像处理装置通canvas.toBlob()配合URL.createObjectURL()方法将至少一个页面图像转化为blob对象及其对应的路径,被转化后的图片和路径数据体积很小,占用网页应用缓存很少,不会引起内存不足等报错,从而提高了网页应用的截图性能。
本发明实施例中,参见图4,图4为本发明实施例提供的一种图像处理方法的可选的流程示意图,图1中示出的S103可以通过S1031-S1033来实现,将结合各步骤进行说明。
S1031、调用网页应用脚本中的图片对象创建方法创建至少一个图片对象。
S1031中,图像处理装置调用网页应用脚本中的图片对象创建方法,如ne w image()方法,在网页应用缓存中创建至少一个图片对象。
本发明实施例中,new image()方法创建的图片对象包含图片名称和src属性等信息,其中,src属性是必需的,src属性的值是该图片对象的URL,也就是引用该图片对象的文件的绝对路径或相对路径。
在一些实施例中,图像处理装置也可以通过网页应用支持的其他方式创建至少一个图片对象,具体的根据实际情况进行选择,本发明实施例不做限定。
S1032、对于每个图片对象,将至少一个链接路径中的每个链接路径作为每个图片对象的图像源路径,并将至少一个图片对象存入网页应用缓存中;图像源路径为加载每个图片对象时获取内容数据的路径。
S1032中,图像处理装置创建出至少一个图片对象后,对于每个图片对象,图像处理装置将对应的链接路径作为该图片对象的图像源路径,也即每个图片对象在网页中加载时获取内容数据的路径,从而实现了将至少一个文件对象作为至少一个图片对象的内容数据,实现了两者之间的关联。
S1032中,图像处理装置可以通过赋值的方式,将每个链接路径作为每个图片对象的图像源路径。
S1032中,图像处理装置将至少一个图片对象存入网页应用缓存中,以使下次访问时可以从网页应用的本地缓存中打开对应的图片对象。
S1033、将至少一个图片对象的图片名称与图像源路径存入网页应用缓存的会话数据中,以实现通过会话数据将至少一个图片对象与至少一个链接路径关联保存,从而完成对当前整屏页面的截图。
S1033中,图像处理装置可以调用会话数据设置方法,实现将至少一个图片对象的图片名称与图像源路径存入网页应用缓存的会话数据,如cookie中,以实现从会话数据中获取到至少一个链接路径,进而获取到其关联的至少一个图片对象,从而完成对当前整屏页面的截图和缓存保存。
在一些实施例中,图像处理装置可以通过调用setCookie()方法,将至少一个图片对象的图片名称、URL和有效时间存入cookie。对应的代码实现方式可以如下所示:
在一些实施例中,可以通过如下代码,实现上述setCookie()方法:
可以理解的是,本发明实施例中,图像处理装置将至少一个文件对象的链接路径关联到至少一个图片对象并在缓存中保存,并在网页应用缓存的会话数据中保存至少一个链接路径之后,用户再次进入当前整屏页面时,图像处理装置可以直接从缓存中获取至少一个图片对象作为对应的页面截图,不需要重复截取,减少了浏览器处理的工作量,最终提高了网页应用的截图性能。
本发明实施例中,参见图5,图5为本发明实施例提供的一种图像处理方法的可选的流程示意图,图1中的S101可以通过S002-S003实现,将结合各步骤进行说明。
S002、检查网页应用缓存的会话数据中是否存在当前整屏页面对应的至少一个图片对象。
S002中,图像处理装置获取至少一个页面图像之前,会首先对网页应用缓存的会话数据进行检查,确定会话数据中是否存在当前整屏页面对应的至少一个图片对象。
本发明实施例中,图像处理装置检查网页应用缓存的会话数据中是否存在当前整屏页面对应的至少一个图片对象的过程实现可以是:
S0021、根据至少一个图片对象的图片名称,调用会话数据获取方法,执行从会话数据中提取至少一个图片对象。
在一些实施例中,当用户通过网页应用访问当前整屏页面时,图像处理装置在调用cavas截图方法获取至少一个页面图像之前,可以首先调用getCookie()方法获取网页应用的cookie数据,并通过newImg.load方法在cookie数据中检查是否已经存在了至少一个图片对象。
在一些实施例中,图像处理装置检查网页应用缓存中是否存在至少一个链接路径对应的至少一个图片对象可以如下所示:
在一些实施例中,上述的getCookie()方法可以通过如下代码实现:
S0022、当会话数据获取方法调用成功时,确认会话数据中存在至少一个图片对象。
本发明实施例中,当会话数据获取方法调用成功时,示例性的,上述getC ookie(‘imgsrc’)方法成功返回了imgsrc对应的图片对象,说明该图片对象在会话数据中已经存在,图像处理装置确认会话数据中存在至少一个图片对象。
S0023、当会话数据获取方法调用失败时,确认会话数据中不存在至少一个图片对象。
本发明实施例中,当会话数据获取方法调用失败时,图像处理装置确认会话数据中不存在至少一个图片对象。
S003、当会话数据中不存在至少一个图片对象时,获取当前整屏页面的至少一个页面图像。
本发明实施例中,当会话数据中不存在至少一个图片对象时,图像处理装置会进行截图方法的执行,首先从当前整屏页面中获取至少一个页面图像,然后通过上述S102-S103中的方法实现对当前整屏界面的截图。
本发明实施例中,如图5所示,S002之后,还可以包括S004,如下:
S004、当会话数据中存在至少一个图片对象时,从会话数据中获取至少一个图片对象对应的至少一个链接路径,完成对当前整屏页面的截图。
S004中,当网页应用缓存中存在至少一个图片对象时,图像处理装置不再进行获取至少一个页面图像的操作,完成对当前整屏页面的截图。
可以理解的是,本发明实施例中,图像处理装置可以从网页应用的cookie中快速定位出所要截图的至少一个图片对象,不需对同一页面进行重复的截图处理,提高了缓存图片的可复用性,从而减少了网页应用截图的工作量,提高了提高网页应用的截图性能。
本发明实施例中,参见图6,图6为本发明实施例提供的一种图像处理方法的可选的流程示意图,基于图4或图5,在S1033或S10之后,还可以执行S1034-S1035,将结合各步骤进行说明。
S1034、当在网页应用中,接收到对至少一个图片对象中的至少一个目标图片的访问请求时,通过至少一个目标图片对象的图像源路径,获取至少一个目标图片对象对应的至少一个目标文件对象;目标文件对象的链接路径与目标图片对象的图像源路径相同。
S1034中,对于在网页应用中查看和进一步保存网页截图的情况,图像处理装置可以在网页应用中,接收对至少一个图片对象中的至少一个目标图片的访问请求。
本发明实施例中,至少一个目标图片表征至少一个图片对象中的待提取截图。图像处理装置可以根据访问请求中携带的图片名称确定出待提取的至少一个目标图片。
S1034中,由于文件对象的链接路径与图片对象图像源路径是同一个路径,因此图像处理装置可以通过每个目标图片对象的图像源路径,从至少一个文件对象中对应读取出目标文件对象。
S1035、根据至少一个目标文件对象,加载出至少一个目标图片对象,进而实现对至少一个目标图片对象的查看与保存。
S1035中,图像处理装置根据每个目标图片对象对应的目标文件对象中的内容数据,在网页应用中加载出每个目标图片对象,进而实现对每个目标图片对象的提取、查看与保存。
可以理解的是,本发明实施例中,图像处理装置可以通过至少一个链接路径,将至少一个文件对象作为至少一个图片对象的内容数据,这样,可以通过对至少一个链接路径中至少一个目标链接路径的访问,关联加载出想要加载目标图片对象,进而实现了在网页应用的缓存中对想要截图的场景的查看与保存,提高了网页应用的截图性能。
下面,将说明本发明实施例在一个实际的应用场景中的示例性应用。
在本发明的一些实施例中,当用户通过浏览器或者网页应用,对总结报告类的页面,或者活动调查类的页面进行浏览时,界面交互效果可以如图7A-图7C所示。图7A中,用户可以通过在页面中上下滑动来对整个网页中的每一屏页面显示的内容进行浏览,当滑动浏览到最末页时,如图7B所示,网页应用可以将整个网页中的至少一屏页面全部生成一个长截图,并在界面上显示保存按钮控件2-1,提示用户通过保存按钮控件2-1生成的整个网页的长截图进行保存,或是直接后台将该长截图下载保存。网页应用也可以如图7C所示,将整个网页中的每一屏页面都对应生成一副截图预览图片,并以缩略图的形式显示在当前页面,用户可以通过点击缩略图选择出其中的一个或多个的截图预览图片进行保存,并通过确认按钮控件2-2完成选择;当用户通过确认按钮控件2-2完成选择后,可以进一步通过点击保存按钮2-3对确认选择的一个或多个截图预览图片对应的页面图片进行保存。
本发明实施例中,当用户在图7B或图7C所示的界面上点击了保存控件2-1或保存控件2-3后,图像处理装置可以在网页应用中接收到截图指令。示例性的,当用户在图7C所示的界面上选择了多个页面图片并点击了保存控件2-3时,图像处理装置可以通过S301-S307,对所选择的多个页面图片进行截屏保存,如图8所示:
S301、页面加载。
S301中,图像处理装置在浏览器中加载出整个网页。
S302、判断缓存中是否存在链接地址数组。
S302中,在整个网页加载完成后,图像处理装置判断缓存中是否存在链接地址数组。若存在,执行S303-S308,若不存在,跳转执行S309。
S302中,链接地址数组中包含至少一个链接地址,至少一个链接地址为至少一个图片对象的原地址,至少一个图片对象可以是整个网页对应的至少一个截图图片。
其中,S302的实现过程与S002描述一致,此处不再赘述。
S303、获取整个网页中每一屏页面对应的DOM ID。
S303中,图像处理装置可以将获取到的每一屏页面的DOM ID组成DOM ID数组。
S303中,图像处理装置将DOM ID数组中包含的至少一个DOM ID作为至少一个节点标识,S303的实现过程与S1011描述一致,此处不再赘述。
S304、对每个DOM ID进行Canvas截图,得到至少一个截图图片。
S304的实现过程与S1012-S1014描述一致,此处不再赘述。
S305、通过canvas.toBlob()方法将至少一个截图图片转成至少一个blob对象。
其中,S305的实现过程与S1021描述一致,此处不再赘述。
在一些实施例中,S303-S305示例性的代码实现可以如下所示:
S306、通过URL.createObjectURL()方法创建至少一个blob对象的至少一个链接路径。
其中,S306的实现过程与S1022描述一致,此处不再赘述。
S307、通过new Image()方法创建至少一个图片对象img,使用至少一个链接路径对至少一个img,src赋值,将至少一个imgs存入浏览器缓存。
其中,S307的过程描述与S1031-S1032一致,此处不再赘述。
S308、将至少一个链接路径以数组的形式存入cookie。
其中,S308的实现过程与S1033描述一致,此处不再赘述。
S309、从缓存中获取至少一个链接路径。
S309中,当缓存中存在至少一个链接路径时,图像处理装置不再进行重复截图,直接获取至少一个链接路径。
S310、根据至少一个链接路径从缓存中提取出至少一个图片对象,根据需求对至少一个图片对象进行进一步的保存。
其中,S310的实现过程与S1034-S1035描述一致,此处不再赘述。
可以理解的是,通过以上操作,图像处理装置可以实现多屏截图和可选截图,克服图片截屏渲染时间长的技术问题,并提高了已缓存截图的可复用性,从而提高了网页应用的截图性能。
本发明实施例中,进一步的,图像处理装置可以通过PWA的技术来缓存指定类型的页面图像,具体地,引入workbox-sw插件强制缓存blob:null/路径下的图片,示例代码如下:
importScripts(‘workbox-sw.prod.v1.1.0.js’);
const workbox=new self.WorkboxSW();
//匹配blob:null/路径下任何的请求进行缓存
workBox.router.registerRoute(‘blob:null/(.*)’,workbox.stragtegies.cacheFirst())
可以理解的是,图像处理装置通过网页应用缓存如浏览器缓存空间对截屏图片进行保存时,可能存在时效性并且用户行为不可知等不稳定性因素,图像处理装置可以用PWA技术中的Service Worker来缓存图片,以达到稳定且可控的图片缓存效果。
本发明实施例提供一种图像处理装置,对应于一种图像处理方法,图9为本发明实施例提供的一种图像处理装置结构示意图一,如图9所示,图像处理装置100包括获取单元10、转换单元20与保存单元30,其中,
所述获取单元10,用于在网页应用中,获取当前整屏页面的至少一个页面图像;
所述转换单元20,用于将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径;所述至少一个文件对象与所述至少一个链接路径一一对应;
所述保存单元30,用于创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图。
在本发明的一些实施例中,所述转换单元20,还用于将所述至少一个页面图像转换为至少一个二进制大对象,作为所述至少一个文件对象;对于所述至少一个二进制大对象中的每个二进制大对象,调用网页应用脚本中的对象位置路径创建方法创建所述每个二进制大对象的资源地址作为链接路径,从而得到所述至少一个链接路径。
在本发明的一些实施例中,所述保存单元30,还用于调用所述网页应用脚本中的图片对象创建方法创建至少一个图片对象;对于每个图片对象,将所述至少一个链接路径中的每个链接路径作为所述每个图片对象的图像源路径,并将所述至少一个图片对象存入所述网页应用缓存中;所述图像源路径为加载所述每个图片对象时获取内容数据的路径;将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存的会话数据中,以实现通过所述会话数据将所述至少一个图片对象与所述至少一个链接路径关联保存,从而完成对所述当前整屏页面的截图。
在本发明的一些实施例中,所述图像处理装置100还包括检查单元,所述检查单元,用于检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象;所述获取单元10,还用于当所述会话数据中不存在所述至少一个图片对象时,获取所述当前整屏页面的至少一个页面图像。
在本发明的一些实施例中,所述获取单元10,还用于所述检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象之后,当所述会话数据中存在所述至少一个图片对象时,从所述会话数据中获取所述至少一个图片对象对应的所述至少一个链接路径,完成对所述当前整屏页面的截图。
在本发明的一些实施例中,所述获取单元10,还用于在所述当前整屏页面加载完成时,获取所述当前整屏页面中每个场景对应的图像,作为至少一个页面图像。
在本发明的一些实施例中,所述获取单元,还用于当在所述当前整屏页面上接收到截图指令时,响应于所述截图指令,将所述截图指令指定的至少一个待截图场景所对应的图像作为所述至少一个页面图像。
在本发明的一些实施例中,所述图像处理装置100还包括提取单元,所述提取单元,还用于在所述完成对所述当前整屏页面的截图之后,当在所述网页应用中,接收到对所述至少一个图片对象中的至少一个目标图片的访问请求时,通过所述至少一个目标图片对象的图像源路径,获取所述至少一个目标图片对象对应的至少一个目标文件对象;所述目标文件对象的链接路径与所述目标图片对象的图像源路径相同;根据所述至少一个目标文件对象,加载出所述至少一个目标图片对象,进而实现对所述至少一个目标图片对象的查看与保存。
在本发明的一些实施例中,所述图像处理装置100还包括标识单元,所述标识单元,用于所述在网页应用中,获取当前整屏页面的至少一个页面图像之前,从当前整屏页面中划分出至少一个场景,并对所述至少一个场景设置至少一个节点标识;所述至少一个场景为所述当前整屏页面中包含的页面场景;所述至少一个节点标识表征所述至少一个场景在所述当前整屏页面中对应的至少一个数据位置;所述至少一个场景与所述至少一个节点标识一一对应。
所述获取单元10,还用于在所述当前整屏页面中,获取至少一个待截图场景对应的至少一个目标节点标识;所述至少一个待截图场景为所述至少一个场景中的目标截图场景;根据所述至少一个目标节点标识中的每个目标节点标识,从所述当前整屏页面的内容数据中读取出每个目标节点标识对应的内容数据,从而得到至少一个目标页面数据;通过网页渲染功能,根据所述至少一个目标页面数据,生成所述至少一个页面图像。
在本发明的一些实施例中,所述转换单元20,还用于调用网页绘图方法中图片转二进制大对象的转换方法,实现将所述至少一个页面图像转换为至少一个二进制大对象,作为所述至少一个文件对象。
在本发明的一些实施例中,所述保存单元30,还用于调用会话数据设置方法,实现将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存中。
在本发明的一些实施例中,所述检查单元,还用于根据所述至少一个图片对象的图片名称,调用会话数据获取方法,执行从所述会话数据中提取所述至少一个图片对象;当所述会话数据获取方法调用成功时,确认所述会话数据中存在所述至少一个图片对象;当所述会话数据获取方法调用失败时,确认所述会话数据中不存在所述至少一个图片对象。
本发明实施例提供了一种图像处理装置,对应于一种图像处理方法,图10为本发明实施例提供的一种图像处理装置结构示意图二,如图10所示,该图像处理装置200包括:处理器715、存储器716和通信总线717,所述存储器716通过所述通信总线717与所述处理器715进行通信,所述存储器716存储所述处理器715可执行的指令,当所述指令被执行时,通过所述处理器715执行如前述实施例的任意一种图像处理方法。
本发明实施例提供了一种计算机可读存储介质,应用于图像处理装置,存储介质存储有有一个或者多个计算机程序,一个或者多个计算机程序可被一个或者多个处理器执行,以实现如前述实施例的任意一种图像处理方法。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。
Claims (15)
1.一种图像处理方法,其特征在于,包括:
在网页应用中,获取当前整屏页面的至少一个页面图像;
将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径;所述至少一个文件对象与所述至少一个链接路径一一对应;
创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图。
2.根据权利要求1所述的方法,其特征在于,所述将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径,包括:
将所述至少一个页面图像转换为至少一个二进制大对象,作为所述至少一个文件对象;
对于所述至少一个二进制大对象中的每个二进制大对象,调用网页应用脚本中的对象位置路径创建方法创建所述每个二进制大对象的资源地址作为链接路径,从而得到所述至少一个链接路径。
3.根据权利要求1所述的方法,其特征在于,所述创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图,包括:
调用所述网页应用脚本中的图片对象创建方法创建至少一个图片对象;
对于每个图片对象,将所述至少一个链接路径中的每个链接路径作为所述每个图片对象的图像源路径,并将所述至少一个图片对象存入所述网页应用缓存中;所述图像源路径为加载所述每个图片对象时获取内容数据的路径;
将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存的会话数据中,以实现通过所述会话数据将所述至少一个图片对象与所述至少一个链接路径关联保存,从而完成对所述当前整屏页面的截图。
4.根据权利要求1所述的方法,其特征在于,所述获取当前整屏页面的至少一个页面图像,包括:
检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象;
当所述会话数据中不存在所述至少一个图片对象时,获取所述当前整屏页面的至少一个页面图像。
5.根据权利要求4所述的方法,其特征在于,所述检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象之后,所述方法还包括:
当所述会话数据中存在所述至少一个图片对象时,从所述会话数据中获取所述至少一个图片对象对应的所述至少一个链接路径,完成对所述当前整屏页面的截图。
6.根据权利要求1-4任一项所述的方法,其特征在于,所述获取当前整屏页面的至少一个页面图像,包括:
在所述当前整屏页面加载完成时,获取所述当前整屏页面中每个场景对应的图像,作为至少一个页面图像。
7.根据权利要求1-4任一项所述的方法,其特征在于,所述在网页应用中,获取当前整屏页面的至少一个页面图像,包括:
当在所述当前整屏页面上接收到截图指令时,响应于所述截图指令,将所述截图指令指定的至少一个待截图场景所对应的图像作为所述至少一个页面图像。
8.根据权利要求3或5所述的方法,其特征在于,所述完成对所述当前整屏页面的截图之后,所述方法还包括:
当在所述网页应用中,接收到对所述至少一个图片对象中的至少一个目标图片的访问请求时,通过所述至少一个目标图片对象的图像源路径,获取所述至少一个目标图片对象对应的至少一个目标文件对象;所述目标文件对象的链接路径与所述目标图片对象的图像源路径相同;
根据所述至少一个目标文件对象,加载出所述至少一个目标图片对象,进而实现对所述至少一个目标图片对象的查看与保存。
9.根据权利要求1所述的方法,其特征在于,所述在网页应用中,获取当前整屏页面的至少一个页面图像,包括:
从当前整屏页面中划分出至少一个场景,并对所述至少一个场景设置至少一个节点标识;所述至少一个节点标识表征所述至少一个场景在所述当前整屏页面中对应的至少一个数据位置;所述至少一个场景与所述至少一个节点标识一一对应;
在所述当前整屏页面中,获取至少一个待截图场景对应的至少一个目标节点标识;所述至少一个待截图场景为所述至少一个场景中的目标截图场景;
根据所述至少一个目标节点标识中的每个目标节点标识,从所述当前整屏页面的内容数据中读取出每个目标节点标识对应的内容数据,从而得到至少一个目标页面数据;
通过网页渲染功能,根据所述至少一个目标页面数据,生成所述至少一个页面图像。
10.根据权利要求2所述的方法,其特征在于,所述将所述至少一个页面图像转换为至少一个二进制大对象,作为所述至少一个文件对象,包括:
调用网页绘图方法中图片转二进制大对象的转换方法,实现将所述至少一个页面图像转换为至少一个二进制大对象,作为所述至少一个文件对象。
11.根据权利要求3所述的方法,其特征在于,所述将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存的会话数据中,包括:
调用会话数据设置方法,实现将所述至少一个图片对象的图片名称与图像源路径存入所述网页应用缓存中。
12.根据权利要求4所述的方法,其特征在于,所述检查所述网页应用缓存的会话数据中是否存在所述当前整屏页面对应的至少一个图片对象,包括:
根据所述至少一个图片对象的图片名称,调用会话数据获取方法,执行从所述会话数据中提取所述至少一个图片对象;
当所述会话数据获取方法调用成功时,确认所述会话数据中存在所述至少一个图片对象;
当所述会话数据获取方法调用失败时,确认所述会话数据中不存在所述至少一个图片对象。
13.一种图像处理装置,其特征在于,所述图像处理装置包括获取单元、转换单元与保存单元,其中,
所述获取单元,用于在网页应用中,获取当前整屏页面的至少一个页面图像;
所述转换单元,用于将所述至少一个页面图像转换为至少一个文件对象,并创建所述至少一个文件对象的至少一个链接路径;所述至少一个文件对象与所述至少一个链接路径一一对应;
所述保存单元,用于创建至少一个图片对象,将所述至少一个图片对象与所述至少一个链接路径关联保存在网页应用缓存中,从而完成对所述当前整屏页面的截图。
14.一种图像处理装置,其特征在于,所述图像处理装置包括存储器、处理器以及通信总线,所述存储器通过所述通信总线与所述处理器进行通信,所述存储器存储所述处理器可执行的一个或者多个程序,当所述一个或者多个程序被执行时,所述处理器执行如权利要求1-12任一项所述的方法。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有一个或者多个计算机程序,所述一个或者多个计算机程序可被一个或者多个处理器执行,以实现如权利要求1-12任一项所述的方法。
Priority Applications (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010902786.1A CN112256990B (zh) | 2020-09-01 | 2020-09-01 | 一种图像处理方法及装置、计算机可读存储介质 |
US18/043,169 US12124528B2 (en) | 2020-09-01 | 2021-03-29 | Image processing method and apparatus, and computer readable storage medium |
EP21863212.3A EP4198773A4 (en) | 2020-09-01 | 2021-03-29 | IMAGE PROCESSING METHOD AND APPARATUS, AND COMPUTER READABLE STORAGE MEDIUM |
JP2023510486A JP7538948B2 (ja) | 2020-09-01 | 2021-03-29 | 画像処理方法及び装置、並びにコンピュータ可読記憶媒体 |
PCT/CN2021/083678 WO2022048141A1 (zh) | 2020-09-01 | 2021-03-29 | 一种图像处理方法及装置、计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010902786.1A CN112256990B (zh) | 2020-09-01 | 2020-09-01 | 一种图像处理方法及装置、计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112256990A CN112256990A (zh) | 2021-01-22 |
CN112256990B true CN112256990B (zh) | 2023-09-26 |
Family
ID=74223842
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010902786.1A Active CN112256990B (zh) | 2020-09-01 | 2020-09-01 | 一种图像处理方法及装置、计算机可读存储介质 |
Country Status (4)
Country | Link |
---|---|
EP (1) | EP4198773A4 (zh) |
JP (1) | JP7538948B2 (zh) |
CN (1) | CN112256990B (zh) |
WO (1) | WO2022048141A1 (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112256990B (zh) * | 2020-09-01 | 2023-09-26 | 北京沃东天骏信息技术有限公司 | 一种图像处理方法及装置、计算机可读存储介质 |
CN112954030A (zh) * | 2021-01-30 | 2021-06-11 | 北京奇保信安科技有限公司 | 一种Web端图片压缩方法、装置及电子设备 |
CN114996609B (zh) * | 2022-08-04 | 2022-11-18 | 山东捷瑞数字科技股份有限公司 | 一种基于浏览器数据库的离线图像缓存方法及系统 |
US11880424B1 (en) * | 2023-01-30 | 2024-01-23 | Intuit Inc. | Image generation from HTML data using incremental caching |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017206739A1 (zh) * | 2016-06-01 | 2017-12-07 | 广州市动景计算机科技有限公司 | 一种截图方法及装置 |
CN108604234A (zh) * | 2015-07-15 | 2018-09-28 | 查比公司 | 用于屏幕截图链接的系统及方法 |
CN110647703A (zh) * | 2019-09-18 | 2020-01-03 | 平安科技(深圳)有限公司 | 动画播放方法、装置、计算机设备和存储介质 |
CN111399732A (zh) * | 2020-03-13 | 2020-07-10 | 深圳市珍爱云信息技术有限公司 | 网页截图方法、装置、计算机设备和存储介质 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2011048704A (ja) | 2009-08-27 | 2011-03-10 | Kyocera Corp | 通信機器 |
WO2012033271A1 (ko) * | 2010-09-07 | 2012-03-15 | 에스케이텔레콤 주식회사 | 캐싱된 웹 페이지를 표시하기 위한 시스템, 이를 위한 서버, 이를 위한 단말, 이를 위한 방법 및 이 방법이 기록된 컴퓨터 판독 가능한 기록 매체 |
CN102902703A (zh) * | 2012-07-19 | 2013-01-30 | 中国人民解放军国防科学技术大学 | 一种面向网络敏感信息的截图取证与锁定回访的方法 |
CN104462125B (zh) * | 2013-09-18 | 2019-09-17 | 腾讯科技(深圳)有限公司 | 生成网页截图的方法及装置 |
CN107766359B (zh) * | 2016-08-17 | 2022-03-15 | 阿里巴巴(中国)有限公司 | 一种将页面内容转换为图片的方法、装置以及计算设备 |
CN111159594A (zh) * | 2019-12-24 | 2020-05-15 | 深圳市优必选科技股份有限公司 | 信息处理方法、信息处理装置及终端设备 |
CN112256990B (zh) * | 2020-09-01 | 2023-09-26 | 北京沃东天骏信息技术有限公司 | 一种图像处理方法及装置、计算机可读存储介质 |
-
2020
- 2020-09-01 CN CN202010902786.1A patent/CN112256990B/zh active Active
-
2021
- 2021-03-29 JP JP2023510486A patent/JP7538948B2/ja active Active
- 2021-03-29 WO PCT/CN2021/083678 patent/WO2022048141A1/zh active Application Filing
- 2021-03-29 EP EP21863212.3A patent/EP4198773A4/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108604234A (zh) * | 2015-07-15 | 2018-09-28 | 查比公司 | 用于屏幕截图链接的系统及方法 |
WO2017206739A1 (zh) * | 2016-06-01 | 2017-12-07 | 广州市动景计算机科技有限公司 | 一种截图方法及装置 |
CN110647703A (zh) * | 2019-09-18 | 2020-01-03 | 平安科技(深圳)有限公司 | 动画播放方法、装置、计算机设备和存储介质 |
CN111399732A (zh) * | 2020-03-13 | 2020-07-10 | 深圳市珍爱云信息技术有限公司 | 网页截图方法、装置、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
EP4198773A1 (en) | 2023-06-21 |
JP2023537767A (ja) | 2023-09-05 |
CN112256990A (zh) | 2021-01-22 |
WO2022048141A9 (zh) | 2022-11-17 |
JP7538948B2 (ja) | 2024-08-22 |
WO2022048141A1 (zh) | 2022-03-10 |
US20230334113A1 (en) | 2023-10-19 |
EP4198773A4 (en) | 2023-12-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112256990B (zh) | 一种图像处理方法及装置、计算机可读存储介质 | |
US10542123B2 (en) | System and method for generating and monitoring feedback of a published webpage as implemented on a remote client | |
US8549395B2 (en) | Method and system for transforming an integrated webpage | |
CN105955888B (zh) | 一种页面调试预览方法及系统 | |
CN111611518B (zh) | 基于Html5的可视化展示页面自动发布方法及系统 | |
JPH1124980A (ja) | 複数媒体タイプにアクセスする媒体管理装置及び方法 | |
JP2004510254A (ja) | ネットワークサーバ | |
CN110826002B (zh) | 信息分享方法、装置、终端及存储介质 | |
CN113382083A (zh) | 一种网页截图方法和装置 | |
CN117093386B (zh) | 页面截图方法、装置、计算机设备和存储介质 | |
CN117390326A (zh) | 页面管理方法、装置、设备以及存储介质 | |
CN111679828B (zh) | 一种数据处理的方法及装置、电子设备、存储介质 | |
CN116578795A (zh) | 网页页面的生成方法及装置、存储介质、电子设备 | |
CN113448649B (zh) | 一种基于Redis的首页数据加载的服务器及方法 | |
CN115220847A (zh) | 移动应用主题的切换方法、移动应用系统、设备及介质 | |
CN114528510A (zh) | 网页数据处理的方法、装置、电子设备及介质 | |
WO2007013280A1 (ja) | プラグインモジュール実行方法、ブラウザ実行方法、メーラ実行方法、プログラム、端末装置、及び、ページデータが記録されたコンピュータ読み取り可能な記録媒体 | |
US12124528B2 (en) | Image processing method and apparatus, and computer readable storage medium | |
CN114168875A (zh) | 一种页面程序的生成方法、装置、计算机设备及存储介质 | |
CN112199090B (zh) | 信息流处理方法、装置以及计算机可读存储介质 | |
TWI610183B (zh) | 植基於ajax技術於控管網頁共通部分之運作系統 | |
US20130132459A1 (en) | Information-sharing computer system and corresponding method | |
CN118092883A (zh) | 一种前端项目嵌套方法、装置、存储介质及计算机设备 | |
CN116821539A (zh) | 页面生成方法、装置、系统、电子设备及存储介质 | |
CN116049581A (zh) | 页面截图处理方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |