申请/专利权人：广州润普网络科技有限公司

申请日：2024-01-23

公开（公告）日：2024-04-12

公开（公告）号：CN117873630A

主分类号：G06F9/451

分类号：G06F9/451;G06F16/958

优先权：

专利状态码：在审-实质审查的生效

法律状态：2024.04.30#实质审查的生效;2024.04.12#公开

摘要：本发明涉及计算机软件技术领域，更具体地，本发明涉及一种网页截图的实现方法及相关产品，本发明包括：克隆节点、删除多余节点并获取外部样式、创建SVG、将SVG转化为Base64、选择裁剪区域和通过Canvas绘制裁切区域。本发明先判断滚动条的位置，删除不在显示区域的DOM节点。滚动条会遮盖元素，则根据scrollTop属性来删除被遮盖的元素，删除元素会改变原始布局，通过position来复原原本的位置，可以在不改变布局的情况下减少大量的无效的DOM渲染。

主权项：1.一种网页截图的实现方法，其特征在于，包括：将HTML中重复的节点过滤，并将标签样式添加到HTML的SVG节点；将HTML通过SVG进行绘图，得到SVG格式的第一矢量图文件；将第一矢量图文件中子节点过滤后的新位置与过滤前的旧位置进行对比，并进行位置复原，得到第二矢量图文件；将HTML中的图片通过Canvas转化为Base64编码的第一字符串，并将第一字符串对应到所述第二矢量图文件中的图片容器，得到第三矢量图文件；将所述第三矢量图文件转化为Base64编码的第二字符串，并通过Canvas将所述第二字符串绘制为目标矢量图文件，其中使用Canvas在底图上绘制一层遮罩层，在遮罩层选择裁切区域；计算裁切区域与底图左顶点的相对位置，并根据ctx的drawImage将所述目标矢量图文件的裁切区域绘制到Canvas上，将其通过toDataURL转化为Base64编码的第三字符串；根据所述第三字符串获得目标图像。

全文数据：

权利要求：

百度查询： 广州润普网络科技有限公司 一种网页截图的实现方法及相关产品

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD