[发明专利]一种将页面内容转换为图片的方法、装置以及计算设备有效
申请号: | 201610682888.0 | 申请日: | 2016-08-17 |
公开(公告)号: | CN107766359B | 公开(公告)日: | 2022-03-15 |
发明(设计)人: | 程鸣;汪乐;曾柏然 | 申请(专利权)人: | 阿里巴巴(中国)有限公司 |
主分类号: | G06F16/953 | 分类号: | G06F16/953;G06F9/451 |
代理公司: | 北京展翼知识产权代理事务所(特殊普通合伙) 11452 | 代理人: | 屠长存 |
地址: | 310052 浙江省杭州市滨江*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 内容 转换 图片 方法 装置 以及 计算 设备 | ||
1.一种计算设备,包括:
存储器,用于存储页面的HTML代码;
处理器,连接到所述存储器,所述处理器响应于转换请求,获取所述HTML代码,将所述HTML代码中与请求转换的页面内容对应的DOM节点的全部节点内容转换为矢量图形,将所述矢量图形绘制到画布上,并将所述画布转换为图片文件,并将所述图片文件保存在所述存储器上,所述转换请求是用户发出的将当前浏览的页面上的一处或多处页面内容转换为图片格式的请求。
2.根据权利要求1所述的计算设备,其中,所述处理器将所述DOM节点中的在线图片元素转换为Base64编码,并且在所述DOM节点的HTML代码中,用所述Base64编码替换与其对应的在线图片元素的链接地址。
3.一种将页面内容转换为图片的装置,包括:
第一转换模块,用于响应于转换请求,将与请求转换的页面内容对应的DOM节点的全部节点内容转换为矢量图形,所述转换请求是用户发出的将当前浏览的页面上的一处或多处页面内容转换为图片格式的请求;
第一绘制模块,用于将所述矢量图形绘制到画布上;
第二转换模块,用于将所述画布转换为图片文件。
4.根据权利要求3所述的装置,其中,所述第一转换模块包括:
第三转换模块,用于将所述DOM节点中的在线图片元素转换为Base64编码。
5.根据权利要求4所述的装置,其中,所述第三转换模块还包括:前端部分和后台部分,
其中,所述前端部分包括第一发送模块、第一接收模块,所述后台部分包括第二发送模块、第二接收模块、第二绘制模块以及第四转换模块,
所述第一发送模块将所述DOM节点中的在线图片元素的链接地址发送到所述第二接收模块,
所述第二绘制模块将所述在线图片元素绘制到画布上,
所述第四转换模块将所述画布上的所述在线图片元素转换为Base64编码,
所述第二发送模块将所述Base64编码发送到所述第一接收模块。
6.根据权利要求4所述的装置,其中,所述第一转换模块还包括:
替换模块,用于在所述DOM节点的HTML代码中,用所述Base64编码替换与其对应的在线图片元素的链接地址。
7.根据权利要求3-6中任何一项所述的装置,其中,所述第一转换模块使用foreignObject标签包裹所述DOM节点的HTML代码,从而将所述DOM节点的全部节点内容封装到SVG图形中。
8.一种将页面内容转换为图片的方法,包括:
响应于转换请求,将与请求转换的页面内容对应的DOM节点的全部节点内容转换为矢量图形,所述转换请求是用户发出的将当前浏览的页面上的一处或多处页面内容转换为图片格式的请求;
将所述矢量图形绘制到画布上;
将所述画布转换为图片文件。
9.根据权利要求8所述的方法,其中,所述将与请求转换的页面内容对应的DOM节点的全部节点内容转换为矢量图形的步骤包括:
将所述DOM节点中的在线图片元素转换为Base64编码。
10.根据权利要求9所述的方法,其中,将所述DOM节点中的在线图片元素转换为Base64编码的步骤包括:
由插件前端将所述DOM节点中的在线图片元素的链接地址发送到插件后台;
所述插件后台将所述在线图片元素绘制到画布上,并将所述画布上的所述在线图片元素转换为Base64编码;
所述插件后台将所述Base64编码发送到所述插件前端。
11.根据权利要求9所述的方法,其中,所述将与请求转换的页面内容对应的DOM节点的全部节点内容转换为矢量图形的步骤还包括:
在所述DOM节点的HTML代码中,用所述Base64编码替换与其对应的在线图片元素的链接地址。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴(中国)有限公司,未经阿里巴巴(中国)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201610682888.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种页面分享的方法及相关装置
- 下一篇:一种视频热度预测方法和装置
- 内容再现系统、内容提供方法、内容再现装置、内容提供装置、内容再现程序和内容提供程序
- 内容记录系统、内容记录方法、内容记录设备和内容接收设备
- 内容服务系统、内容服务器、内容终端及内容服务方法
- 内容分发系统、内容分发装置、内容再生终端及内容分发方法
- 内容发布、内容获取的方法、内容发布装置及内容传播系统
- 内容提供装置、内容提供方法、内容再现装置、内容再现方法
- 内容传输设备、内容传输方法、内容再现设备、内容再现方法、程序及内容分发系统
- 内容发送设备、内容发送方法、内容再现设备、内容再现方法、程序及内容分发系统
- 内容再现装置、内容再现方法、内容再现程序及内容提供系统
- 内容记录装置、内容编辑装置、内容再生装置、内容记录方法、内容编辑方法、以及内容再生方法