-
Notifications
You must be signed in to change notification settings - Fork 0
Home
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); } })