CN104536729B - 一种实现在浏览器页面中进行截图的方法和装置 - Google Patents
一种实现在浏览器页面中进行截图的方法和装置 Download PDFInfo
- Publication number
- CN104536729B CN104536729B CN201410710294.7A CN201410710294A CN104536729B CN 104536729 B CN104536729 B CN 104536729B CN 201410710294 A CN201410710294 A CN 201410710294A CN 104536729 B CN104536729 B CN 104536729B
- Authority
- CN
- China
- Prior art keywords
- screenshot
- picture
- scribble
- page
- user
- 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
- 238000000034 method Methods 0.000 title claims abstract description 98
- 230000004044 response Effects 0.000 claims abstract description 87
- 230000001960 triggered effect Effects 0.000 claims abstract description 17
- 230000009191 jumping Effects 0.000 claims description 8
- 235000013290 Sagittaria latifolia Nutrition 0.000 claims 1
- 235000015246 common arrowhead Nutrition 0.000 claims 1
- 230000008569 process Effects 0.000 abstract description 12
- 230000006870 function Effects 0.000 description 58
- 238000010586 diagram Methods 0.000 description 21
- 230000008901 benefit Effects 0.000 description 5
- 239000004744 fabric Substances 0.000 description 5
- 235000010627 Phaseolus vulgaris Nutrition 0.000 description 4
- 244000046052 Phaseolus vulgaris Species 0.000 description 4
- 230000008859 change Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000010422 painting Methods 0.000 description 2
- 241000707825 Argyrosomus regius Species 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000003709 image segmentation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种实现在浏览器页面中进行截图的方法和装置,该方法包括:响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中。本发明提供的技术方案在无需调用其他截图工具或第三方软件的截图功能的情况下,实现了对浏览器页面的截图,简化了在浏览器页面中进行截图的操作流程;并通过对截图图片的编辑,进一步明确了用户的截图目标,给用户更加便捷、流畅的截图体验。
Description
技术领域
本发明涉及互联网技术领域,具体涉及一种实现在浏览器页面中进行截图的方法和装置。
背景技术
随着移动互联网技术的迅速发展,移动互联网用户数量日益增多,移动设备代替PC成为了用户进行网上行为的主要终端,用户的网页访问行为从原来的基于PC的浏览器访问逐渐转变成基于移动设备的浏览器访问。用户在移动设备上利用浏览器进行网页访问时,可能会对网页中的图片、文字等静态网页元素产生兴趣,想要将其保存在移动设备本地以方便随时查看,由此便产生了截图需求。
在现有技术中,往往通过调用移动设备自带的截图功能或者调用第三方软件的截图功能来实现在浏览器页面中进行截图的功能。在利用该方案进行截图时,用户需要熟知截图功能接口的调用方法,或者,用户需要先从当前浏览器页面退出,开启相应的具有截图功能的第三软件后,再重新进入浏览器页面进行截图,操作过程十分繁琐,费时费力;并且,该方案生成的截图图片一般是当前浏览器页面整体对应的图片,无法进行自定义的编辑,使得用户的截图目标无法精确化,不符合用户需求。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种实现在浏览器页面中进行截图的方法和装置。
依据本发明的一个方面,提供了一种实现在浏览器页面中进行截图的方法,该方法包括:
响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中。
可选地,所述跳转到截图编辑页面包括:
获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;
在截图编辑页面的功能按钮区显示编辑相关按钮;
在截图编辑页面的图片显示区上绘制截取框。
可选地,响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑包括:
根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
可选地,所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片包括:
当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;
或者,当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
可选地,该方法进一步包括:
响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
可选地,所述跳转到截图涂鸦页面包括:
在截图涂鸦页面的工具栏区显示涂鸦工具栏;
在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片;
在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
可选地,所述响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片包括:
利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
可选地,所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
可选地,所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
可选地,当用户触发分享按钮时该方法进一步包括:
跳转到包含多个可进行图片分享应用的入口的界面;
当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
可选地,该方法进一步包括:
根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
可选地,该方法进一步包括:
将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;
以及,
从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,以进行显示。
可选地,该方法进一步包括:
将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别;
接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字;
依据返回的关键字发起搜索请求。
可选地,该方法进一步包括:
将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
依据本发明的另一个方面,提供了一种实现在浏览器页面中进行截图的装置,该装置包括:
截图响应单元,适于响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
截图处理单元,适于响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
截图保存单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中。
可选地,所述截图响应单元,适于获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;在截图编辑页面的功能按钮区显示编辑相关按钮;以及在截图编辑页面的图片显示区上绘制截取框。
可选地,所述截图处理单元,适于根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
可选地,所述截图响应单元显示的所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
所述截图处理单元,适于当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;或者,适于当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
可选地,该装置进一步包括:
涂鸦响应单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
涂鸦处理单元,适于响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
涂鸦保存单元,适于响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
可选地,所述涂鸦响应单元,适于在截图涂鸦页面的工具栏区显示涂鸦工具栏,在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片,在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
可选地,涂鸦处理单元,适于利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
可选地,所述涂鸦响应单元显示的所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
可选地,所述涂鸦响应单元显示的所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
可选地,该装置进一步包括:
分享处理单元,适于当用户触发分享按钮时跳转到包含多个可进行图片分享应用的入口的界面,当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
可选地,该装置进一步包括:
评论输入单元,适于根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
评论图片保存单元,适于将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
可选地,该装置进一步包括:
评论图片分享处理单元,适于将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;以及,适于从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,并进行显示。
可选地,该装置进一步包括:
截图识别处理单元,适于将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别,接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字,依据返回的关键字发起搜索请求。
可选地,所述截图识别处理单元,进一步适于将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
有上述可知,本发明提供的技术方案描述了在浏览器页面中进行截图并将截图图片保存到移动终端本地的过程,在无需调用其他截图工具或第三方软件的截图功能的情况下,实现了随时随地对浏览器页面的截图,简化了在浏览器页面中进行截图的操作流程;并通过对截图图片的编辑,进一步明确了用户的截图目标,给用户更加便捷、流畅的截图体验。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种实现在浏览器页面中进行截图的方法的流程图;
图2示出了根据本发明另一个实施例的一种实现在浏览器页面中进行截图的方法的流程图;
图3示出了根据本发明又一个实施例的一种实现在浏览器页面中进行截图的方法的流程图;
图4示出了根据本发明再一个实施例的一种实现在浏览器页面中进行截图的方法的流程图;
图5示出了根据本发明一个实施例的一种实现在浏览器页面中进行截图的装置的示意图;
图6示出了根据本发明另一个实施例的一种实现在浏览器页面中进行截图的装置的示意图;
图7示出了根据本发明又一个实施例的一种实现在浏览器页面中进行截图的装置的示意图;
图8示出了根据本发明再一个实施例的一种实现在浏览器页面中进行截图的装置的示意图;
图9A示出了根据本发明一个实施例的浏览器页面的示意图;
图9B示出了根据本发明一个实施例的截图编辑页面的示意图;
图9C示出了根据本发明一个实施例的截图图片的示意图;
图9D示出了根据本发明一个实施例的截图涂鸦页面的示意图;
图9E示出了根据本发明一个实施例的包含多个可进行图片分享应用的入口的界面示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种实现在浏览器页面中进行截图的方法的流程图。如图1所示,该方法包括:
步骤S110,响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面。
本步骤中,截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片。图9A示出了根据本发明一个实施例的浏览器页面的示意图,在图9A所示的浏览器页面触发截图功能的操作,将跳转到对应的截图页面。图9B示出了根据本发明一个实施例的截图编辑页面的示意图,如图9B所示,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面“豆瓣电影”的快照图片。
步骤S120,响应于用户在截图编辑页面上进行截图编辑的操作,完成相应的截图编辑。
步骤S130,响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到移动终端本地的指定数据库中。
图9C示出了根据本发明一个实施例的截图图片的示意图,步骤S130获取到的编辑完成的截图图片如图9C所示。
图1所示方法描述了在浏览器页面中进行截图并将截图图片保存到移动终端本地的过程,在无需调用其他截图工具或第三方软件的截图功能的情况下,实现了随时随地对浏览器页面的截图,简化了在浏览器页面中进行截图的操作流程;并通过对截图图片的编辑,进一步明确了用户的截图目标,给用户更加便捷、流畅的截图体验。
在本发明的一个实施例中,图1所示方法的步骤S110的跳转到截图编辑页面包括:
步骤S111,获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区。
在一个实施例中,本步骤S111所述的状态栏位于如图9A所示的浏览器页面的下方,当跳转到如图9B所示的截图编辑页面时,该状态栏不再显示。
步骤S112,在截图编辑页面的功能按钮区显示编辑相关按钮。
步骤S113,在截图编辑页面的图片显示区上绘制截取框。
例如,在图9B所示的实施例中,步骤S112所述的编辑相关按钮显示在截图编辑页面的下方,且该编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;步骤S113所述的截取框显示在截图编辑页面的中部图片显示区,并且该截取框的大小可以缩放、位置可以改变。
依据步骤S111至步骤S113,本实施例描述了截图编辑页面的生成原理:响应于用户在移动设备的浏览器页面上触发截图功能的操作,在浏览器Activity上创建View画面,该View画面共分为三层:浏览器页面的快照图片、功能按钮区和截取框,其中,快照图片在底层,功能按钮区和截取框在上层,位于上层的功能按钮区遮挡了快照图片的状态栏。
在上述步骤S113在截图编辑页面上绘制截取框的基础上,在本发明的一个实施例中,图1所示方法的步骤S120的响应于用户在截图编辑页面上进行截图编辑的操作,完成相应的截图编辑可以是:根据用户对截取框的缩放和挪动操作调整截取框的大小和位置。
在本发明的一个实施例中,如图9B所示,截图编辑页面的功能按钮区显示的编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮,在此基础上,图1所示方法的步骤S130的响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片是指:当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;或者,当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。其中,在一个实施例中,当用户触发截选区按钮时,获取到的截图图片如图9C所示。
图2示出了根据本发明另一个实施例的一种实现在浏览器页面中进行截图的方法的流程图。如图2所示,该方法包括:
步骤S210,响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面。
步骤S220,响应于用户在截图编辑页面上进行截图编辑的操作,完成相应的截图编辑。
其中,上述步骤S210、步骤S220分别与图1所示方法的步骤S210、步骤S220对应相同,在此不再赘述。
步骤S230,响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面。
本步骤中,截图涂鸦页面上的涂鸦对象为编辑完成的截图图片;图9D示出了根据本发明一个实施例的截图涂鸦页面的示意图,上述9C所示的“豆瓣电影”页面经过截选区编辑后获取的截图图片,作为该截图涂鸦页面上的涂鸦对象。
步骤S240,响应于用户在截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片。
步骤S250,响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将编辑完成的图片和涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将涂鸦后的截图图片保存到移动终端本地的指定数据库中。
在本发明的一个实施例中,图2所示方法的步骤S230跳转到截图涂鸦页面包括:
步骤S231,在截图涂鸦页面的工具栏区显示涂鸦工具栏。
步骤S232,在截图涂鸦页面的图片显示区显示编辑完成的截图图片。
步骤S233,在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
例如,在图9D所示的实施例中,步骤S231所述的涂鸦工具栏显示在截图涂鸦页面的右上角,且该涂鸦工具栏包括:笔、方框、圆圈和箭头;步骤S232所述的编辑完成的截图图片显示在截图编辑页面的中部图片显示区,为“豆瓣电影”页面经截选区编辑后的截图图片;步骤S233所述的涂鸦相关按钮显示在截图涂鸦页面的下方,且该涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮。
依据步骤S231至步骤S233,本实施例描述了截图涂鸦页面的生成原理:响应于用户在截图编辑页面上触发编辑结束事件的操作,在浏览器Activity上重新创建View画面,该View画面也分为三层:编辑完成的截图图片、工具栏区和功能按钮区。
在本发明的一个实施例中,图2所示方法的步骤S240响应于用户在截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片包括:利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。本实施例记录了每一步的涂鸦数据,使得涂鸦操作具有单步的可逆性,在某一步发生涂鸦错误时,可以撤销该步的涂鸦操作。
在本发明的一个实施例中,如图9D所示,涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;在此基础上,步骤S250的用户在截图涂鸦页面上触发涂鸦结束事件是指:用户触发保存按钮或分享按钮。其中,当用户触发保存按钮时,将涂鸦后的截图图片保存到移动终端本地的指定数据库中;当用户触发分享按钮时,图2所示的方法进一步包括:
步骤S260,响应于用户触发分享按钮的操作,跳转到包含多个可进行图片分享应用的入口的界面。
步骤S270,当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
图9E示出了根据本发明一个实施例的包含多个可进行图片分享应用的入口的界面示意图,在本实施例中,响应于用户触发图9C中的分享按钮的操作,跳转到如图9E所示的界面,该界面包含微信好友、微信朋友圈、微薄、QQ空间等多个可进行图片分享的应用的入口;当用户选择其中的一个应用(如微博)时,跳转到微博对应的图片分享界面进行截图图片的分享。
图3示出了根据本发明又一个实施例的一种实现在浏览器页面中进行截图的方法的流程图。如图3所示,该方法包括:
步骤S310,获取截图图片。
本步骤通过图1或图2所示的方法获取到截图图片,该截图图片可以是:编辑完成的截图图片或涂鸦后的截图图片。在本发明的一个实施例中,截图图片如图9C所示。
步骤S320,根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息。
步骤S330,将指定区域的位置数据、关键字信息以及用户在浏览器中的用户标识数据与截图图片一起作为一条截图图片数据保存到移动终端本地的指定数据库中。
例如,如图9C所示,该截图图片为“豆瓣电影”页面经截选后获得的,依据上述步骤S320至步骤S330,根据用户A的指令在该截图图片上的电影《狂怒》附近区域(如坐标位置为(243,373)像素)处显示输入框,并接收用户在该输入框中输入的关键字信息:“布拉德皮特”;将输入框所在区域的位置数据“(243,373)像素”、关键字信息“布拉德皮特”、用户标识数据“A”与该截图图片打包为一条截图图片数据保存到移动终端本地的数据库中。
在本发明的一个实施例中,图3所示的方法进一步包括:
步骤S340,将指定数据库中的截图图片数据上传到浏览器对应的服务器侧,以分享给用户的好友。
本步骤的截图图片数据是指上述的将指定区域的位置数据、关键字信息以及用户在浏览器中的用户标识数据与截图图片共同打包得到的数据;好友是指以浏览器用户为群体形成的社交网络中所添加的好友。
为了形成完整的分享和接收分享的好友社交网络行为,与步骤S340相对应地:
步骤S350,从浏览器对应的服务器侧接收用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,以进行显示。
沿用上述的例子,用户A的截图图片数据上传到服务器侧进行分享,作为用户A的好友用户B的移动终端可以接收到该截图图片数据,通过解析得到位置数据“(243,373)像素”、关键字信息“布拉德皮特”、用户标识数据“A”并对应显示在截图图片上,使得用户B看到用户A在电影狂怒附近标注了“布拉德皮特”的关键字信息,即用户B可以获知该电影的主演是布拉德皮特。
图4示出了根据本发明再一个实施例的一种实现在浏览器页面中进行截图的方法的流程图。如图4所示,该方法包括:
步骤S410,获取截图图片。
本步骤与图3所示方法的步骤S310相同,通过图1或图2所示的方法获取到截图图片,该截图图片可以是:编辑完成的截图图片或涂鸦后的截图图片。
步骤S420,将截图图片上传到浏览器对应的服务器侧进行图片识别。
步骤S430,接收浏览器对应的服务器侧返回的与图片识别结果对应的关键字。
步骤S440,依据返回的关键字发起搜索请求。
本方案实现了以截图图片为搜索对象发起搜索的图片识别功能,服务器侧对截图图像进行处理、分析和理解,其基本步骤包括图像预处理、图像分割、特征提取和判断匹配,并向移动终端返回与图片识别结果对应的关键字。移动终端本地再依据该关键字向搜索服务器发起搜索请求。例如,用户在浏览器页面上看到了一个电影的海报,如果用户想获知关于该电影的其他信息,就截取海报为截图图片,将截图图片上传到服务器侧,服务器侧对其进行图片识别后,将对应的电影名称返回给用户所使用的移动终端本地,依据返回的电影名称发起搜索请求,获知该电影相关的其他信息。
在本发明的一个实施例中,图4所示的方法进一步包括:步骤S450,将截图图片所在网页的URL或者截图图片本身作为网页元素对应的URL与截图图片一起上传到浏览器对应的服务器侧,以辅助图片识别。
图5示出了根据本发明一个实施例的一种实现在浏览器页面中进行截图的装置的示意图。如图5所示,该实现在浏览器页面中进行截图的装置500包括:
截图响应单元510,适于响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面。
本单元跳转到的截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片。图9A示出了根据本发明一个实施例的浏览器页面的示意图,在图9A所示的浏览器页面触发截图功能的操作,将跳转到对应的截图页面。图9B示出了根据本发明一个实施例的截图编辑页面的示意图,如图9B所示,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面“豆瓣电影”的快照图片。
截图处理单元520,适于响应于用户在截图编辑页面上进行截图编辑的操作,完成相应的截图编辑。
截图保存单元530,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到移动终端本地的指定数据库中。
图9C示出了根据本发明一个实施例的截图图片的示意图,步骤S130获取到的编辑完成的截图图片如图9C所示。
图5所示装置通过各个单元的相互配合完成了在浏览器页面中进行截图并将截图图片保存到移动终端本地的过程,在无需调用其他截图工具或第三方软件的截图功能的情况下,实现了随时随地对浏览器页面的截图,简化了在浏览器页面中进行截图的操作流程;并通过对截图图片的编辑,进一步明确了用户的截图目标,给用户更加便捷、流畅的截图体验。
在本发明的一个实施例中,图5所示装置的截图响应单元510,适于执行以下三种操作:1、截图响应单元510,适于获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;在一个实施例中,上述状态栏位于如图9A所示的浏览器页面的下方,当跳转到如图9B所示的截图编辑页面时,该状态栏不再显示。2、截图响应单元510,适于在截图编辑页面的功能按钮区显示编辑相关按钮;在图9B所示的实施例中,编辑相关按钮显示在截图编辑页面的下方,且该编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮。3、截图响应单元510,适于在截图编辑页面的图片显示区上绘制截取框;在图9B所示的实施例中,截取框显示在截图编辑页面的中部图片显示区,并且该截取框可以根据用户对截取框的缩放和挪动操作调整截取框的大小和位置。
在本发明的一个实施例中,如图9B所示,截图编辑页面的功能按钮区显示的编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮,在此基础上,图5所示装置的截图响应单元510显示的所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;截图处理单元520,适于当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;或者,适于当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。其中,在一个实施例中,当用户触发截选区按钮时,获取到的截图图片如图9C所示。
图6示出了根据本发明另一个实施例的一种实现在浏览器页面中进行截图的装置的示意图。如图6所示,该实现在浏览器页面中进行截图的装置600包括:截图响应单元610、截图处理单元620、截图保存单元630、涂鸦响应单元640、涂鸦处理单元650、涂鸦保存单元660和分享处理单元670。
其中,截图响应单元610、截图处理单元620、截图保存单元630分别与图5所示装置的截图响应单元510、截图处理单元520、截图保存单元530对应相同,在此不再赘述。
涂鸦响应单元640,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面。
在如图9D所示的实施例中,本涂鸦响应单元640在截图涂鸦页面的工具栏区显示涂鸦工具栏,在截图涂鸦页面的图片显示区显示编辑完成的截图图片,在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。其中,涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮。
涂鸦处理单元650,适于响应于用户在截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片。
在本发明的一个实施例中,本涂鸦处理单元650可以利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
涂鸦保存单元660,适于响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将编辑完成的图片和涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将涂鸦后的截图图片保存到移动终端本地的指定数据库中。
分享处理单元670,适于当用户触发分享按钮时跳转到包含多个可进行图片分享应用的入口的界面,当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
由上述可知,在本发明的一个实施例中,涂鸦响应单元630显示的涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。因此,响应于用户在截图涂鸦页面上触发涂鸦结束事件包括:响应于用户触发保存按钮或分享按钮。涂鸦保存单元660响应于用户触发保存按钮的操作,对涂鸦后的截图图片进行保存;分享处理单元670响应于用户触发分享按钮的操作,跳转到如图9E所示的界面,对涂鸦后的截图图片进行分享。
图7示出了根据本发明又一个实施例的一种实现在浏览器页面中进行截图的装置的示意图。如图7所示,该实现在浏览器页面中进行截图的装置700包括:截图响应单元710、截图处理单元720、截图保存单元730、评论输入单元740、评论图片保存单元750和评论图片分享处理单元760。。
其中,截图响应单元710、截图处理单元720、截图保存单元730分别与图5所示装置的截图响应单元510、截图处理单元520、截图保存单元530对应相同,在此不再赘述。
评论输入单元740,适于根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息。
评论图片保存单元750,适于将指定区域的位置数据、关键字信息以及用户在浏览器中的用户标识数据与截图图片一起作为一条截图图片数据保存到移动终端本地的指定数据库中。
评论图片分享处理单元760,适于将指定数据库中的截图图片数据上传到浏览器对应的服务器侧,以分享给用户的好友;以及,适于从浏览器对应的服务器侧接收用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,并进行显示。
图7所示的实现在浏览器页面中进行截图的装置700通过各个单元的相互配合完成了如上文中图3所示的方案,在此不再赘述。
图8示出了根据本发明再一个实施例的一种实现在浏览器页面中进行截图的装置的示意图。如图8所示,该实现在浏览器页面中进行截图的装置800包括:截图响应单元810、截图处理单元820、截图保存单元830和截图识别处理单元840。
其中,截图响应单元810、截图处理单元820、截图保存单元830分别与图5所示装置的截图响应单元510、截图处理单元520、截图保存单元530对应相同,在此不再赘述。
截图识别处理单元840,适于将截图图片上传到浏览器对应的服务器侧进行图片识别,接收浏览器对应的服务器侧返回的与图片识别结果对应的关键字,依据返回的关键字发起搜索请求。
在本发明的一个实施例中,图8所示装置的截图识别处理单元840,,进一步适于将截图图片所在网页的URL或者截图图片本身作为网页元素对应的URL与截图图片一起上传到浏览器对应的服务器侧,以辅助图片识别。
图8所示的实现在浏览器页面中进行截图的装置800通过各个单元的相互配合,完成了如上文中图4所示的方案,在此不再赘述。
综上所述,本发明提供的技术方案完成了在无需调用第三方截图工具或第三方软件的截图功能的情况下,随时随地对浏览器页面进行截图的过程,进一步简化在浏览器页面中进行截图的操作流程;通过对截图图片的编辑和涂鸦处理,进一步精确用户的截图目标;并且还通过与服务器的交互,实现了截图图片相关数据的分享和识别,进一步明确用户的截图需求,给用户更加便捷、流畅的截图体验。
需要说明的是:
在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一种实现在浏览器页面中进行截图的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种实现在浏览器页面中进行截图的方法,其中,该方法包括:
响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中。
A2、如A1所述的方法,其中,所述跳转到截图编辑页面包括:
获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;
在截图编辑页面的功能按钮区显示编辑相关按钮;
在截图编辑页面的图片显示区上绘制截取框。
A3、如A2所述的方法,其中,响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑包括:
根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
A4、如A2所述的方法,其中,所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片包括:
当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;
或者,当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
A5、如A1所述的方法,其中,该方法进一步包括:
响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
A6、如A5所述的方法,其中,所述跳转到截图涂鸦页面包括:
在截图涂鸦页面的工具栏区显示涂鸦工具栏;
在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片;
在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
A7、如A6所述的方法,其中,所述响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片包括:
利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
A8、如A6所述的方法,其中,
所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
A9、如A6所述的方法,其中,所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
A10、如A9所述的方法,其中,当用户触发分享按钮时该方法进一步包括:
跳转到包含多个可进行图片分享应用的入口的界面;
当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
A11、如A1所述的方法,其中,该方法进一步包括:
根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
A12、如A11所述的方法,其中,该方法进一步包括:
将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;
以及,
从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,以进行显示。
A13、如A1所述的方法,其中,该方法进一步包括:
将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别;
接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字;
依据返回的关键字发起搜索请求。
A14、如A13所述的方法,其中,该方法进一步包括:
将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
本发明还公开了B15、一种实现在浏览器页面中进行截图的装置,其中,该装置包括:
截图响应单元,适于响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
截图处理单元,适于响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
截图保存单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中。
B16、如B15所述的装置,其中,
所述截图响应单元,适于获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;在截图编辑页面的功能按钮区显示编辑相关按钮;以及在截图编辑页面的图片显示区上绘制截取框。
B17、如B16所述的装置,其中,
所述截图处理单元,适于根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
B18、如B16所述的装置,其中,
所述截图响应单元显示的所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
所述截图处理单元,适于当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;或者,适于当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
B19、如B15所述的装置,其中,该装置进一步包括:
涂鸦响应单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
涂鸦处理单元,适于响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
涂鸦保存单元,适于响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
B20、如B19所述的装置,其中,
所述涂鸦响应单元,适于在截图涂鸦页面的工具栏区显示涂鸦工具栏,在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片,在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
B21、如B20所述的装置,其中,
涂鸦处理单元,适于利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
B22、如B20所述的装置,其中,
所述涂鸦响应单元显示的所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
B23、如B20所述的装置,其中,
所述涂鸦响应单元显示的所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
B24、如B23所述的装置,其中,该装置进一步包括:
分享处理单元,适于当用户触发分享按钮时跳转到包含多个可进行图片分享应用的入口的界面,当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
B25、如B15所述的装置,其中,该装置进一步包括:
评论输入单元,适于根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
评论图片保存单元,适于将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
B26、如B25所述的装置,其中,该装置进一步包括:
评论图片分享处理单元,适于将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;以及,适于从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,并进行显示。
B27、如B15所述的装置,其中,该装置进一步包括:
截图识别处理单元,适于将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别,接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字,依据返回的关键字发起搜索请求。
B28、如B27所述的装置,其中,
所述截图识别处理单元,进一步适于将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
Claims (24)
1.一种实现在浏览器页面中进行截图的方法,其中,该方法包括:
响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中;
该方法进一步包括:
将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别;
接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字;
依据返回的关键字发起搜索请求;
该方法进一步包括:
将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
2.如权利要求1所述的方法,其中,所述跳转到截图编辑页面包括:
获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;
在截图编辑页面的功能按钮区显示编辑相关按钮;
在截图编辑页面的图片显示区上绘制截取框。
3.如权利要求2所述的方法,其中,响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑包括:
根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
4.如权利要求2所述的方法,其中,所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片包括:
当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;
或者,当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
5.如权利要求1所述的方法,其中,该方法进一步包括:
响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
6.如权利要求5所述的方法,其中,所述跳转到截图涂鸦页面包括:
在截图涂鸦页面的工具栏区显示涂鸦工具栏;
在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片;
在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
7.如权利要求6所述的方法,其中,所述响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片包括:
利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
8.如权利要求6所述的方法,其中,
所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
9.如权利要求6所述的方法,其中,所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
10.如权利要求9所述的方法,其中,当用户触发分享按钮时该方法进一步包括:
跳转到包含多个可进行图片分享应用的入口的界面;
当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
11.如权利要求1所述的方法,其中,该方法进一步包括:
根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
12.如权利要求11所述的方法,其中,该方法进一步包括:
将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;
以及,
从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,以进行显示。
13.一种实现在浏览器页面中进行截图的装置,其中,该装置包括:
截图响应单元,适于响应于用户在移动设备的浏览器页面上触发截图功能的操作,跳转到截图编辑页面;其中,该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片;
截图处理单元,适于响应于用户在所述截图编辑页面上进行截图编辑的操作,完成相应的截图编辑;
截图保存单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,获取编辑完成的截图图片,并保存到所述移动终端本地的指定数据库中;
该装置进一步包括:
截图识别处理单元,适于将所述截图图片上传到所述浏览器对应的服务器侧进行图片识别,接收所述浏览器对应的服务器侧返回的与图片识别结果对应的关键字,依据返回的关键字发起搜索请求;
所述截图识别处理单元,进一步适于将所述截图图片所在网页的URL或者所述截图图片本身作为网页元素对应的URL与所述截图图片一起上传到所述浏览器对应的服务器侧,以辅助图片识别。
14.如权利要求13所述的装置,其中,
所述截图响应单元,适于获取触发截图功能时刻的浏览器页面的快照图片,并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区;在截图编辑页面的功能按钮区显示编辑相关按钮;以及在截图编辑页面的图片显示区上绘制截取框。
15.如权利要求14所述的装置,其中,
所述截图处理单元,适于根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。
16.如权利要求14所述的装置,其中,
所述截图响应单元显示的所述编辑相关按钮包括:取消按钮、截全屏按钮和截选区按钮;
所述截图处理单元,适于当用户触发截全屏按钮时,将触发截图功能时刻的浏览器页面的快照图片作为截图图片;或者,适于当用户触发截选区按钮时,获取截取框的位置和大小,根据截取框中截取相应图片作为截图图片。
17.如权利要求13所述的装置,其中,该装置进一步包括:
涂鸦响应单元,适于响应于用户在截图编辑页面上触发编辑结束事件的操作,跳转到截图涂鸦页面;其中,该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片;
涂鸦处理单元,适于响应于用户在所述截图涂鸦页面上进行涂鸦的操作,相应保存涂鸦结果图片;
涂鸦保存单元,适于响应于用户在截图涂鸦页面上触发涂鸦结束事件的操作,将所述编辑完成的图片和所述涂鸦结果图片合起来生成一张涂鸦后的截图图片,并将所述涂鸦后的截图图片保存到所述移动终端本地的指定数据库中。
18.如权利要求17所述的装置,其中,
所述涂鸦响应单元,适于在截图涂鸦页面的工具栏区显示涂鸦工具栏,在截图涂鸦页面的图片显示区显示所述编辑完成的截图图片,在截图涂鸦页面的功能按钮区显示涂鸦相关按钮。
19.如权利要求18所述的装置,其中,
涂鸦处理单元,适于利用自定义列表存储用户利用涂鸦工具栏中的工具一步步绘制的涂鸦数据;其中列表的每一项中存储用户在一步当中绘制的涂鸦数据。
20.如权利要求18所述的装置,其中,
所述涂鸦响应单元显示的所述涂鸦工具栏包括:绘制工具和撤销工具;其中,绘制工具包括:笔、方框、圆圈和箭头。
21.如权利要求18所述的装置,其中,
所述涂鸦响应单元显示的所述涂鸦相关按钮包括:退出按钮、保存按钮和分享按钮;
用户在截图涂鸦页面上触发涂鸦结束事件包括:用户触发保存按钮或分享按钮。
22.如权利要求21所述的装置,其中,该装置进一步包括:
分享处理单元,适于当用户触发分享按钮时跳转到包含多个可进行图片分享应用的入口的界面,当用户选择其中的一个可进行图片分享的应用的入口时,跳转到该应用的图片分享界面,进而实现在该应用中的图片分享。
23.如权利要求13所述的装置,其中,该装置进一步包括:
评论输入单元,适于根据用户的指令在截图图片的指定区域显示输入框,并接收通过该输入框输入的关键字信息;
评论图片保存单元,适于将所述指定区域的位置数据、所述关键字信息以及用户在浏览器中的用户标识数据与所述截图图片一起作为一条截图图片数据保存到所述移动终端本地的指定数据库中。
24.如权利要求23所述的装置,其中,该装置进一步包括:
评论图片分享处理单元,适于将所述指定数据库中的截图图片数据上传到所述浏览器对应的服务器侧,以分享给所述用户的好友;以及,适于从所述浏览器对应的服务器侧接收所述用户的好友分享的截图图片数据,解析所获取的截图图片数据中的指定区域的位置数据、关键字信息、用户标识数据以及图片数据,并进行显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410710294.7A CN104536729B (zh) | 2014-11-28 | 2014-11-28 | 一种实现在浏览器页面中进行截图的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410710294.7A CN104536729B (zh) | 2014-11-28 | 2014-11-28 | 一种实现在浏览器页面中进行截图的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104536729A CN104536729A (zh) | 2015-04-22 |
CN104536729B true CN104536729B (zh) | 2019-02-22 |
Family
ID=52852262
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410710294.7A Active CN104536729B (zh) | 2014-11-28 | 2014-11-28 | 一种实现在浏览器页面中进行截图的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104536729B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11842039B2 (en) * | 2019-10-17 | 2023-12-12 | Samsung Electronics Co., Ltd. | Electronic device and method for operating screen capturing by electronic device |
Families Citing this family (25)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104965881B (zh) * | 2015-06-12 | 2019-08-30 | 北京奇虎科技有限公司 | 在页面中提取选区的方法及装置 |
CN105117216A (zh) * | 2015-08-12 | 2015-12-02 | 北京金山安全软件有限公司 | 移动终端通知栏的管理方法、装置和移动终端 |
CN105243126A (zh) * | 2015-09-29 | 2016-01-13 | 努比亚技术有限公司 | 跨屏截图方法及装置 |
CN106682910B (zh) * | 2015-11-04 | 2020-09-08 | 中国移动通信集团公司 | 一种信息处理方法、系统及相关设备 |
CN105607830B (zh) * | 2015-12-17 | 2018-12-28 | 北京奇虎科技有限公司 | 一种终端截图方法、装置和终端 |
CN107025675A (zh) * | 2016-02-01 | 2017-08-08 | 广州市动景计算机科技有限公司 | 处理截取图片的方法、设备、浏览器和电子设备 |
CN105892862A (zh) * | 2016-03-31 | 2016-08-24 | 乐视控股(北京)有限公司 | 一种截屏图片的快速编辑方法和装置 |
CN106168872A (zh) * | 2016-06-23 | 2016-11-30 | 珠海市魅族科技有限公司 | 截屏方法和装置 |
CN107545539A (zh) * | 2016-06-29 | 2018-01-05 | 百度在线网络技术(北京)有限公司 | 一种对网页中图片进行局部选择的方法与装置 |
CN106371694A (zh) * | 2016-08-26 | 2017-02-01 | 乐视控股(北京)有限公司 | 用于全局或局部可选的智能截图方法及装置、终端设备 |
CN107783807B (zh) * | 2016-08-29 | 2022-05-27 | 中兴通讯股份有限公司 | 一种屏幕截图的方法及装置 |
CN106371731A (zh) * | 2016-09-26 | 2017-02-01 | 宇龙计算机通信科技(深圳)有限公司 | 一种页面编辑功能的实现方法及终端 |
CN106484263A (zh) * | 2016-10-12 | 2017-03-08 | 乐视控股(北京)有限公司 | 截屏处理方法及装置 |
JP6883761B2 (ja) * | 2016-10-17 | 2021-06-09 | パナソニックIpマネジメント株式会社 | プログラム生成方法、プログラム生成装置および制御プログラム |
CN106651997A (zh) * | 2016-12-30 | 2017-05-10 | 温州波普科技有限公司 | 图片处理方法及系统 |
CN107256476A (zh) * | 2017-05-27 | 2017-10-17 | 上海非码网络科技有限公司 | 一种基于浏览器抓取的文档发送方法及系统、服务器 |
CN107590114A (zh) * | 2017-09-08 | 2018-01-16 | 掌阅科技股份有限公司 | 电子书评论信息的处理方法、电子设备以及存储介质 |
CN109948075B (zh) * | 2017-09-25 | 2021-06-08 | 北京国双科技有限公司 | 网页数据的标记方法及装置 |
CN110968236A (zh) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | 基于网页的截图方法及装置 |
CN109885219A (zh) * | 2018-12-29 | 2019-06-14 | 航天信息股份有限公司 | 业务办理引导方法、装置及计算机可读存储介质 |
CN110543276B (zh) * | 2019-08-30 | 2021-04-02 | 维沃移动通信有限公司 | 图片的筛选方法及其终端设备 |
CN110516191A (zh) * | 2019-08-30 | 2019-11-29 | 深圳点猫科技有限公司 | 网页页面数据转换成图片文件的方法与装置 |
CN110909183B (zh) * | 2019-10-29 | 2023-01-17 | 联想(北京)有限公司 | 一种多媒体数据处理方法、装置和存储介质 |
CN112148191A (zh) * | 2020-09-27 | 2020-12-29 | 深圳壹账通智能科技有限公司 | 基于浏览器的测试图像上传方法、装置、设备和存储介质 |
CN112380478A (zh) * | 2020-11-17 | 2021-02-19 | 平安养老保险股份有限公司 | 网页截图方法、装置、计算机设备及计算机可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102185924A (zh) * | 2011-05-16 | 2011-09-14 | 北京奇艺世纪科技有限公司 | 一种视频截图分享的方法及设备 |
CN102521284A (zh) * | 2011-11-28 | 2012-06-27 | 优视科技有限公司 | 基于移动终端浏览器的页面截图处理方法和装置 |
CN102930263A (zh) * | 2012-09-27 | 2013-02-13 | 百度国际科技(深圳)有限公司 | 一种信息处理方法及装置 |
CN103336814A (zh) * | 2013-06-28 | 2013-10-02 | 优视科技有限公司 | 网页页面截图处理方法及装置 |
CN103365840A (zh) * | 2012-03-26 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 一种基于web的截图方法和装置 |
CN103888589A (zh) * | 2012-12-20 | 2014-06-25 | 腾讯科技(深圳)有限公司 | 在移动终端应用界面实现截图的方法及装置 |
-
2014
- 2014-11-28 CN CN201410710294.7A patent/CN104536729B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102185924A (zh) * | 2011-05-16 | 2011-09-14 | 北京奇艺世纪科技有限公司 | 一种视频截图分享的方法及设备 |
CN102521284A (zh) * | 2011-11-28 | 2012-06-27 | 优视科技有限公司 | 基于移动终端浏览器的页面截图处理方法和装置 |
CN103365840A (zh) * | 2012-03-26 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 一种基于web的截图方法和装置 |
CN102930263A (zh) * | 2012-09-27 | 2013-02-13 | 百度国际科技(深圳)有限公司 | 一种信息处理方法及装置 |
CN103888589A (zh) * | 2012-12-20 | 2014-06-25 | 腾讯科技(深圳)有限公司 | 在移动终端应用界面实现截图的方法及装置 |
CN103336814A (zh) * | 2013-06-28 | 2013-10-02 | 优视科技有限公司 | 网页页面截图处理方法及装置 |
Non-Patent Citations (1)
Title |
---|
怎样使用uc浏览器截图?uc截图涂鸦怎么用?;pkaust8;《http://jingyan.baidu.com/artic1e/b2c186c8f34d1bc46ef6ff1c.html》;20140824;第3-6页 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11842039B2 (en) * | 2019-10-17 | 2023-12-12 | Samsung Electronics Co., Ltd. | Electronic device and method for operating screen capturing by electronic device |
Also Published As
Publication number | Publication date |
---|---|
CN104536729A (zh) | 2015-04-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104536729B (zh) | 一种实现在浏览器页面中进行截图的方法和装置 | |
CN103781522B (zh) | 用于生成并加入经验共享的方法和系统 | |
CN108255847B (zh) | 页面生成方法及装置 | |
CN108255922A (zh) | 视频识别方法、设备、客户端装置、电子设备及服务器 | |
CN103631887A (zh) | 浏览器侧进行网络搜索的方法与浏览器 | |
CN106648688B (zh) | 一种信息展示方法和装置 | |
CN112732376B (zh) | 一种基于页面的信息交互方法及装置 | |
US8457412B2 (en) | Method, terminal, and computer-readable recording medium for supporting collection of object included in the image | |
CN111368180B (zh) | 页面展示方法、装置及电子设备 | |
CN107368199B (zh) | 基于移动终端的社交软件的表情管理方法及装置 | |
CN105975844B (zh) | 一种登录方法和装置 | |
CN109308337A (zh) | 页面分享方法和装置 | |
CN112486451A (zh) | 语音播报方法、计算设备及计算机存储介质 | |
CN109074375A (zh) | web文档中的内容选择 | |
CN109829092B (zh) | 一种对网页进行定向监测的方法 | |
CN105302815B (zh) | 网页的统一资源定位符url的过滤方法和装置 | |
CN108804456A (zh) | 基于特定于对象的知识库的聊天会话 | |
CN107766106B (zh) | 生成配置文件的方法和装置 | |
Lu et al. | AI assistance for UX: A literature review through human-centered AI | |
CN107122101A (zh) | 一种交互方法及装置 | |
CN115357249A (zh) | 一种代码生成方法、装置、电子设备及存储介质 | |
CN105607830B (zh) | 一种终端截图方法、装置和终端 | |
CN114116086A (zh) | 一种页面编辑方法、装置、设备及存储介质 | |
CN106775611B (zh) | 基于机器学习的自适应动态网页爬虫系统的实现方法 | |
US20200073925A1 (en) | Method and system for generating a website from collected content |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220803 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |