Fes.js@fesjs/plugin-watermark
介绍
给页面添加水印效果
启用方式
在 package.json 中引入依赖：
json
{
"dependencies": {
"@fesjs/fes": "^3.0.0",
"@fesjs/plugin-watermark": "^3.0.0"
}
}编译时配置
js
export default {
watermark: {
disabled: false,
},
};disabled
是否禁用水印，默认是false。
可以在开发环境关闭水印：
js
export default {
watermark: {
disabled: true,
},
};API
createWatermark
创建水印功能，通过 @fesjs/fes 导入 API：
js
import { createWatermark, destroyWatermark } from '@fesjs/fes';
createWatermark({ content: '我是水印' }); // 生成水印
destroyWatermark(); // 销毁水印默认参数是：
js
{
(content = '请勿外传'),
(container = document.body),
(width = 300),
(height = 300),
(textAlign = 'center'),
(textBaseline = 'middle'),
(fontSize = '14px'),
(fontFamily = 'Microsoft Yahei'),
(fillStyle = 'rgba(184, 184, 184, 0.3)'),
(rotate = 25),
(zIndex = 99999),
(timestamp = 'YYYY-MM-DD HH:mm');
}如果不需要时间戳，则可以设置timestamp为false。