Skip to content
qlingsu edited this page Feb 8, 2021 · 2 revisions

savepage插件是用于 将当前展示页面保存到本地 或者 将页面保存成base64 ,可以用于后续保存到后端数据库或者其他地方。 基于html2canvas

引入方式,目前支持两种引用方式

标签引入

<script src="../../../lib/thirdparty/savePage/savepage.js"></script>

ES6语法引入 import { SaveButton,saveDom } from "@/utils/savepage"

如果需要原生的按钮,引入后,只需要 new SaveButton()

在new的时候 SaveButton接受如下参数 * { * width 按钮的宽度 * height 按钮的高度 * color 按钮文字颜色 * backgroundColor 按钮背景颜色 * text 按钮显示的文字 * style 自己写的样式,完全覆盖 * callback 按钮点击后的回调,返回base64的图片 * tofile 是不是保存到文件--new SaveButton的时候,默认是true * } */

简单示例 new SaveButton({ backgroundColor:"green", tofile:true, callback:function(data){ console.log("getData = ",data); } });

如果不需要原生按钮,可以调用saveDom方法

saveDom()方法接受两个参数 * { * callback // 回调函数,会返回base64的图片 * tofile // 是否自动保存成文件,默认是false * }

如果不需要保存到文件,也可以使用.then()调用,示例如下

    saveDom().then(function(data){
        console.log("getData = ",data);
    })

也可以使用如下方式 saveDom({ callback:function(data){ console.log("getData = ",data); } })

Clone this wiki locally