[发明专利]基于web技术的网页截屏方法

权利要求书

1.一种基于web技术的网页截屏方法，其特征是，包括如下步骤：

(1-1)调用web网页浏览器的程序接口获取要截取的网页的各个HTML元素；(1-2)调用浏览器程序接口解析各个HTML元素的属性，如果检测到当前的HTML元素包含有子HTML元素，待当前HTML元素解析完成之后继续解析子HTML元素，并不断重复当前的解析过程，直到所有HTML元素及子HTML元素都解析完成为止，将解析完成的属性保存为有序的HTML元素属性列表；HTML元素为4个，分别为div元素、canvas元素、image元素和ul元素；HTML元素的属性包括背景颜色、背景图片、位置、文本信息，元素的文本样式和元素的边框属性；

(1-3)调用浏览器程序接口创建一个HTML的canvas画布；

(1-4)调用浏览器程序接口循环扫描HTML元素属性列表，HTML元素属性列表中有图片资源链接url，图片资源链接url调用浏览器程序接口发送网络请求加载图片x.jpg，待资源加载完成后，利用canvas画布绘制规则，将HTML元素属性列表中的HTML属性内容绘制到canvas画布上；

(1-5)调用canvas画布的程序接口将绘制完成的canvas画布转换编码为base64字符串并保存，得到字符串形式的canvas画布；

(1-6)通过在页面上添加按钮的方式引导用户下载canvas画布，当用户点击按钮时，利用浏览器将canvas画布以图片的形式保存到本地存储设备上。

2.根据权利要求1所述的基于web技术的网页截屏方法，其特征是，HTML元素属性列表包括背景颜色，边框宽度，边框线的颜色HTML元素的文本，文本字体，HTML元素的宽度，HTML元素的高度，HTML元素距离屏幕左边框的距离，HTML元素距离屏幕上边框的距离，HTML元素的背景，背景的地址。

3.根据权利要求1所述的基于web技术的网页截屏方法，其特征是，步骤(1-4)和步骤(1-5)之间还包括如下步骤：

为了保证导出图片的版权，按照canvas画布绘制规则绘制版权水印。

4.根据权利要求1或2或3所述的基于web技术的网页截屏方法，其特征是，每个HTML元素属性列表中均包括两个HTML元素的属性内容。