filesaver.js 浏览器任意文件下载插件


filesaver.js 浏览器任意文件下载插件

第一步引入bfwone

第二步执行插件代码

示例如下,可直接在线运行编辑

<!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>
        function capdown() {
            bready(function() {
                use(["html2canvas.min"], function() {
                    html2canvas(document.querySelector("#capture")).then(canvas => {
                        use(['FileSaver.min'], function() {


                            canvas.toBlob(function(blob) {
                                saveAs(blob, "html元素.png");
                            });




                        });
                        // document.body.appendChild(canvas)
                    });
                });
            });
        }
    </script>
</head>
<body>
    <div id="capture" style="padding: 10px; border:1px dashed black;height:500px;text-align:center;background:white;">
        <h4 style="color: #000; ">截图区域</h4>
        <img id="img" src="//repo.bfw.wiki/bfwrepo/image/anim1.jpg" />
    </div>
    <input type="button" value="截图下载" onclick="capdown()" />

</body>
</html>


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

网友评论0

程序员在线工具箱