简单的页面水印工具,默认挂载到document.body上
new Watermark().set('').draw().destory();
const watermark = new Watermark({name: '罗海', id: '10001'}).draw();
npm install page-watermark --registry http://192.168.13.184:4873 --save
-
参数:
employee {Object} [{...}] 雇员信息 id {Number} [10001] 工号 name {String} ['test001'] 姓名
-
实例:
-
new Watermark();
-
new Watermark({name: 'test001', id: '10001'});
-
-
注意:
示例代码:
/* * use api */ const watermark = new Watermark(); // ... do some action watermark.draw(); // you can access canvas by watermark.canvas properity watermark.render(); // must after draw call
/* * use pure js */ const watermark = new Watermark(); watermark.draw(); const canvas = watermark.draw().canvas; const dataUrl = canvas.toDataURL(); const body = document.body; body.style.background = `url(${dataUrl})`;
-
使用:
挂载水印到页面上
-
示例代码:
-
const watermark = new Watermark(); // create a instance of Watermark watermark.mount(); // mount to document.body // watermark.draw(); // dont fotget to use draw() to display watermark on mounted element
-
-
Arguments:
employee {Object} [{...}] 雇员信息 id {Number} [10001] 工号 name {String} ['test001'] 姓名
-
使用:
It's default value is same as
constructor
You can useset
function to re-configurate watermark style -
示例代码:
-
const watermark = new Watermark(); // if you want to re-configurate watermark.set({ id: '10001' name: 'test001', }); // watermark.draw(); must use draw() to display
-
-
使用:
use this function to render watermark on the mounted element.
-
示例代码:
-
new Watermark().draw();
-
new Watermark().set().mount().draw();
-
new Watermark().set().draw();
-
-
使用:
- unmount element
- disconnect mutation observer
- change options to default value
-
示例代码:
-
new Watermark().set().mount().destory();
-