网页html元素截图保存成图片格式js插件

首先引入bfwone.js,然后动态加载html2canvas.js

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFWONE.JS DEMO PAGE</title>
    <script id="bfwone"  src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script>
        bready(function() {
            use(["html2canvas.min"], function() {
                html2canvas(document.querySelector("#capture")).then(canvas => {
                    document.body.appendChild(canvas)
                });
            });
        });
    </script>
</head>
<body>
    <div id="capture" style="padding: 10px; background: #f5da55">
        <h4 style="color: #000; ">Hello world!</h4>
    </div>
</body>
</html>

html2canvas.js 网页 html 元素截图

立即下载html2canvas.js 查看所有js插件

网友评论0