[发明专利]基于网页的截图方法及装置

说明书

本发明公开了一种基于网页的截图方法及装置。其中，该方法包括：响应于截图指令，将当前网页转换为图片，并向所述图片添加第一层蒙版；接收滑动信号，其中，滑动信号为响应于在第一层蒙版上的滑动轨迹所生成的信号；通过滑动信号确定截图范围；根据截图范围，在图片上进行截图，以得到截图图片。本发明解决了相关技术中无法在浏览器的当前网页上直接进行截图操作的技术问题。

技术领域

本发明涉及浏览器技术领域，具体而言，涉及一种基于网页的截图方法及装置。

背景技术

在相关技术中，对于浏览器方面，并没有很好的截图功能，尤其是当前的浏览器没有调用系统截图功能的接口，即无法在浏览器中的各个网站自身界面使用截图控件，只能借助外在的截图软件来对网站中的内容进行截图，如用户在使用浏览器访问网页时，如果对某一个图片或者某一段内容感兴趣，这时想要对该图片进行截图，则需要用户重新在操作系统中寻找截图软件，费时费力，且会降低用户截图的兴趣，同时也降低了用户使用该网站的体验度。

针对上述的相关技术中无法在网站上直接进行截图操作的技术问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种基于网页的截图方法及装置，以至少解决相关技术中无法在浏览器的当前网页上直接进行截图操作的技术问题。

根据本发明实施例的一个方面，提供了一种基于网页的截图方法，包括：响应于截图指令，将当前网页转换为图片，并向所述图片添加第一层蒙版；接收滑动信号，其中，所述滑动信号为响应于在所述第一层蒙版上的滑动轨迹所生成的信号；通过所述滑动信号确定截图范围；根据所述截图范围，在所述图片上进行截图，以得到截图图片。

进一步地，在响应于截图指令，将当前网页转换为图片，并向所述图片添加第一层蒙版之前，还包括：响应作用于所述当前网页的控制操作，以生成与所述控制操作对应的截图指令，其中，所述控制操作包括下述至少之一：按下快捷键、点击所述当前网页上设置的控件、触摸所述当前网页上设置的按钮。

进一步地，在通过所述滑动信号确定截图范围之后，还包括：依据所述截图范围，确定第一预设区域和第二预设区域，其中，所述第一预设区域为待生成图片在所述图片中所处的区域，所述第二预设区域为所述图片中除所述第一预设区域外的其它区域；向所述第二预设区域添加第二层蒙版和向所述第一预设区域添加第三层蒙版。

进一步地，所述第二层蒙版为半透明黑色底层蒙版，所述第三层蒙版为可操作的蒙版。

进一步地，在向所述第一预设区域添加第三层蒙版之后，还包括：在所述第三层蒙版外围弹出操作控件，其中，所述操作控件包括下述至少之一：绘图控件、添加文字控件、覆盖物控件、加粗控件、撤销编辑控件；接收作用于所述操作控件的操作指令，以调整所述第三层蒙版的内容；确定所述第三层蒙版的调整结果。

进一步地，根据所述截图范围，在所述图片上进行截图，以得到截图图片包括：将所述图片确定为第一图像；获取所述第二层蒙版和第三层蒙版的边界信息和位置信息；根据所述边界信息和所述位置信息，对所述第一图像进行裁剪，以得到截图图片。

进一步地，根据所述截图范围，在所述图片上进行截图，以得到截图图片的步骤包括：将所述图片和所述第三层蒙版的调整结果同时导出为第二图像；获取所述第二层蒙版和第三层蒙版的边界信息和位置信息；根据所述边界信息和所述位置信息，对所述第二图像进行裁剪，以得到截图图片。

根据本发明实施例的另一方面，还提供了一种基于网页的截图装置，包括：添加单元，用于响应于截图指令，将当前网页转换为图片，并向所述图片添加第一层蒙版；接收单元，用于接收滑动信号，其中，所述滑动信号为响应于在所述第一层蒙版上的滑动轨迹所生成的信号；确定单元，用于通过所述滑动信号确定截图范围；截图单元，用于根据所述截图范围，在所述图片上进行截图，以得到截图图片。