网页截图方法及系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106960062A(43)申请公布日2017.07.18(21)申请号201710237444.0(22)申请日2017.04.12(71)申请人四川九鼎瑞信软件开发有限公司地址610000四川省成都市高新区府城大道西段399号10栋6层603(72)发明人李存昌(74)专利代理机构北京超凡志成知识产权代理事务所(普通合伙)11371代理人梁斌(51)Int.Cl.G06F17/30(2006.01)权利要求书2页说明书6页附图3页(54)发明名称网页截图方法及系统(57)摘要本发明提供一种网页截图方法及系统，所述方法包括：所述用户终端接收网页上的截图触发，获取在该网页的上指定的截图范围；所述用户终端判断所述截图范围内是否包含有可缩放矢量图层；当所述截图范围内包含有可缩放矢量图层时，所述用户终端根据所述指定的截图范围在该网页的位置及该网页的链接地址生成截图请求并发送至所述服务器；所述服务器获取所述截图请求，根据所述链接地址请求所述网页并进行渲染，截取渲染后网页中与所述截图范围对应区域的图片并发送给所述用户终端。如此，在所述用户终端无法完成对可缩放矢量图层的截图时，通过发送截图请求给服务器的方式由服务器代替所述用户终端完成截图。CN106960062ACN106960062A权利要求书1/2页1.一种网页截图方法，应用于相互通信的用户终端及服务器，其特征在于，所述方法包括：所述用户终端接收网页上的截图触发，获取在该网页的上指定的截图范围；所述用户终端判断所述截图范围内是否包含有可缩放矢量图层；当所述截图范围内包含有可缩放矢量图层时，所述用户终端根据所述指定的截图范围在该网页的位置及该网页的链接地址生成截图请求并发送至所述服务器；所述服务器获取所述截图请求，根据所述链接地址请求所述网页并进行渲染，截取渲染后网页中与所述截图范围对应区域的图片并发送给所述用户终端。2.根据权利要求1所述的方法，其特征在于，所述服务器获取所述截图请求，根据所述链接地址请求所述网页并进行渲染，截取渲染后网页中与所述截图范围对应区域的图片并发送给所述用户终端的步骤，包括：接收所述用户终端发送的链接地址，根据所述链接地址请求所述网页，并通过该服务器上的浏览器渲染获得渲染后的网页；根据所述用户终端发送的所述截图范围，通过WebDriver截取所述渲染后网页中该截图范围对应区域的图片；将截取到的图片发送给所述用户终端。3.根据权利要求2所述的方法，其特征在于，所述截图请求中还包括指定的截图格式；所述根据所述用户终端发送的所述截图范围，通过WebDriver截取所述渲染后网页中该截图范围对应区域的图片的步骤，包括：根据所述用户终端发送的所述截图范围，通过WebDriver截取所述渲染后网页中该截图范围对应区域以生成预设格式的图片。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：当所述截图范围内不包含有可缩放矢量图层时，所述用户终端通过应用程序编程接口调用convas函数对所述截图范围内的图像进行绘图以获得截图图片。5.根据权利要求1所述的方法，其特征在于，所述用户终端接收网页上的截图触发，获取指定在该网页的上指定的截图范围的步骤，包括：接收截图触发，在待截图的网页上绘制一定位方式为绝对定位的显示层；通过JAVASCRIPT在该显示层上生成大小可调整的截图框，获取对所述截图框的操作以确定所述截图范围，记录所述截图范围在所述显示层上的位置及大小。6.根据权利要求1所述的方法，其特征在于，所述用户终端判断所述截图范围内是否包含有可缩放矢量图层的步骤，包括：获取所述截图范围在该网页的HTML文件中对应的HTML代码片段；检测所述HTML代码片段中是否存在SVG标签，以判断该截图范围内是否包含可缩放矢量图层。7.根据权利要求6所述的方法，其特征在于，所述获取所述截图范围在该网页的HTML文件中对应的HTML代码片段的步骤，包括：通过JAVASCRIPT获取所述截图范围在该网页的HTML文件中对应的HTML代码片段。8.根据权利要求1所述的方法，其特征在于，所述用户终端将所述截图请求发送至所述服务器的步骤，包括：2CN106960062A权利要求书2/2页所述用户终端通过AJAX请求将所述截图请求发送至所述服务器。9.一种网页截图系统，其特征在于，所述系统包括相互通信的用户终端及服务器；所述用户终端用于接收网页上的截图触发，获取指定在该网页的上指定的截图范围；判断所述截图范围内是否包含有可缩放矢量图层；当所述截图范围内包含有可缩放矢量图层时，所述用户终端根据所述指定的截图范围在该网页的位置及该网页的链接地址生成截图请求；及将所述截图请求发送至所述服务器；所述服务器用于获取所述截图请求，根