"use strict";(self.webpackChunkfes_js=self.webpackChunkfes_js||[]).push([[835],{4710:(n,s,a)=>{a.r(s),a.d(s,{data:()=>e});const e={key:"v-1c0edac3",path:"/reference/plugin/plugins/watermark.html",title:"@fesjs/plugin-watermark",lang:"zh-CN",frontmatter:{},excerpt:"",headers:[{level:2,title:"介绍",slug:"介绍",children:[]},{level:2,title:"启用方式",slug:"启用方式",children:[]},{level:2,title:"编译时配置",slug:"编译时配置",children:[{level:3,title:"disabled",slug:"disabled",children:[]}]},{level:2,title:"API",slug:"api",children:[{level:3,title:"createWatermark",slug:"createwatermark",children:[]}]}],filePathRelative:"reference/plugin/plugins/watermark.md",git:{updatedTime:165345025e4,contributors:[{name:"wanchun",email:"445436867@qq.com",commits:1}]}}},5243:(n,s,a)=>{a.r(s),a.d(s,{default:()=>t});const e=(0,a(6252).uE)('

@fesjs/plugin-watermark

介绍

给页面添加水印效果

启用方式

在 package.json 中引入依赖：

{\n    "dependencies": {\n        "@fesjs/fes": "^2.0.0",\n        "@fesjs/plugin-watermark": "^2.0.0"\n    }\n}\n
1
2
3
4
5
6

编译时配置

export default {\n    watermark: {\n        disabled: false\n    },\n}\n
1
2
3
4
5

disabled

是否禁用水印，默认是false。

可以在开发环境关闭水印：

export default {\n    watermark: {\n        disabled: true\n    },\n}\n
1
2
3
4
5

API

createWatermark

创建水印功能，通过 @fesjs/fes 导入 API：

import { createWatermark, destroyWatermark } from '@fesjs/fes';\n\ncreateWatermark({ content: '我是水印' }); // 生成水印\ndestroyWatermark(); // 销毁水印\n
1
2
3
4

默认参数是：

{\n    content = '请勿外传',\n    container = document.body,\n    width = 300,\n    height = 300,\n    textAlign = 'center',\n    textBaseline = 'middle',\n    fontSize = '14px',\n    fontFamily = 'Microsoft Yahei',\n    fillStyle = 'rgba(184, 184, 184, 0.3)',\n    rotate = 25,\n    zIndex = 99999,\n    timestamp = 'YYYY-MM-DD HH:mm'\n}\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14

如果不需要时间戳，则可以设置timestamp为false。

',19),p={},t=(0,a(3744).Z)(p,[["render",function(n,s){return e}]])},3744:(n,s)=>{s.Z=(n,s)=>{const a=n.__vccOpts||n;for(const[n,e]of s)a[n]=e;return a}}}]);