使用html2canvas js 截取网页图片下载

1.前台使用html2canvas js 截取Div元素转存为图片,下载。效果:

使用html2canvas js 截取网页图片下载

2.前台代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <script src="Html2canvas_JS/html2canvas.min.js"></script>
    <script src="Html2canvas_JS/canvas2image.js"></script>
</head>
<body>
<div >
        王二小喜欢放牛,<br />
        王二小喜欢放牛,<br />
        王二小喜欢放牛,<br />
        王二小喜欢放牛 <br />
    </div>
</div>

<div , true, true);
        link.dispatchEvent(event);
    };
</script>
</html>

3.需要的js文件:

canvas2image.js

html2canvas.min.js

图片:

使用html2canvas js 截取网页图片下载