[发明专利]一种页面绘制方法、装置、终端设备及存储介质在审
申请号: | 201811551174.1 | 申请日: | 2018-12-18 |
公开(公告)号: | CN109670132A | 公开(公告)日: | 2019-04-23 |
发明(设计)人: | 赵彤彤 | 申请(专利权)人: | 北京城市网邻信息技术有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/957 |
代理公司: | 北京品源专利代理有限公司 11332 | 代理人: | 孟金喆 |
地址: | 100015 北京市朝阳区酒仙桥*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 显示图片 页面 绘制 网络地址信息 存储介质 终端设备 字符串 图片 加载 跨域 网络 转换 | ||
1.一种页面绘制方法,其特征在于,包括:
获取页面中未显示图片的网络地址信息,所述未显示图片的网络域名与页面的网络域名不同;
根据所述网络地址信息加载所述未显示图片,并将所述未显示图片转换为字符串;
根据所述字符串将所述页面绘制为图片,绘制得到的图片中包括所述未显示图片对应的内容。
2.根据权利要求1所述的方法,其特征在于,所述获取页面中未显示图片的网络地址信息,包括:
向服务器发送地址请求,所述地址请求包括所述未显示图片的标识;
获取来自服务器的未显示图片的网络地址信息,并将所述网络地址信息写入接口传输函数;
所述页面中的对象监听所述接口传输函数,并获取所述网络地址信息。
3.根据权利要求2所述的方法,其特征在于,所述将所述网络地址信息写入接口传输函数,包括:
将所述网络地址信息写入postMessage函数;相应的,所述页面中的对象监听所述接口传输函数,并获取所述网络地址信息,包括:
所述页面中的对象监听onmessage函数,并获取所述网络地址信息。
4.根据权利要求3所述的方法,其特征在于,还包括:
在页面中添加iframe对象;
根据所述网络地址信息确定所述未显示图片所在的内容分发网络;
将内容分发网络地址上的页面赋值给所述iframe对象的src属性;
相应的,所述页面中的对象监听onmessage函数,并获取所述网络地址信息,包括:
所述页面中iframe对象监听onmessage函数,并获取所述网络地址信息。
5.根据权利要求4所述的方法,其特征在于,所述将所述未显示图片转换为字符串,包括:
所述页面中iframe对象通过canvas标签将所述未显示图片进行格式转换,得到base64格式的字符串。
6.根据权利要求5所述的方法,其特征在于,所述根据所述字符串将所述页面绘制为图片,包括:
通过所述onmessage函数获取所述base64格式的字符串;
将所述未显示图片的img标签的src属性设置为所述base64格式的字符串并使用html2canvas将所述页面绘制为图片。
7.一种页面绘制装置,其特征在于,包括:
地址信息获取模块,用于获取页面中未显示图片的网络地址信息,所述未显示图片的网络域名与页面的网络域名不同;
转换模块,用于根据所述网络地址信息加载所述未显示图片,并将所述未显示图片转换为字符串;
绘制模块,用于根据所述字符串将所述页面绘制为图片,绘制得到的图片中包括所述未显示图片对应的内容。
8.根据权利要求7所述的装置,其特征在于,所述地址信息获取模块,包括:
请求单元,用于向服务器发送地址请求,所述地址请求包括所述未显示图片的标识;
获取单元,用于获取来自服务器的未显示图片的网络地址信息,并将所述网络地址信息写入接口传输函数;
监听单元,用于所述页面中的对象监听所述接口传输函数,并获取所述网络地址信息。
9.根据权利要求8所述的装置,其特征在于,所述获取单元,具体用于:
将所述网络写入postMessage函数;相应的,
所述监听单元,具体用于:所述页面中的对象监听onmessage函数,并获取所述网络。
10.根据权利要求9所述的装置,其特征在于,还包括:
添加模块,用于在页面中添加iframe对象;
确定模块,用于根据所述网络确定所述未显示图片所在的内容分发网络;
赋值模块,用于将内容分发网络地址上的页面赋值给所述iframe对象的src属性;相应的,
所述监听单元,具体用于:所述页面中iframe对象监听onmessage函数,并获取所述网络。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京城市网邻信息技术有限公司,未经北京城市网邻信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201811551174.1/1.html,转载请声明来源钻瓜专利网。