blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-06-30 10:39:16 +08:00
Code Issues Projects Releases Wiki Activity

feat: watermark默认样式优化

Browse Source
This commit is contained in:
ocean-gao 2022-04-19 19:55:29 +08:00
parent 2ca3951c3f
commit 5fa7bb0af4
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/fes-plugin-watermark/src/runtime/core.js
View File

@ -37,12 +37,12 @@ export function createWatermark({
height = '300px',
textAlign = 'center',
textBaseline = 'middle',
font = '16px Microsoft Yahei',
fillStyle = 'rgba(184, 184, 184, 0.2)',
font = '14px Microsoft Yahei',
fillStyle = 'rgba(184, 184, 184, 0.3)',
content = '请勿外传',
rotate = '45',
rotate = '25',
zIndex = 99999,
timestamp = 'YYYY-MM-DD hh:mm'
timestamp = 'YYYY-MM-DD HH:mm'
} = {}) {
// eslint-disable-next-line no-undef
if (WATERMARK_DISABLED) {
@ -73,10 +73,15 @@ export function createWatermark({
ctx.translate(parseFloat(width) / 2, parseFloat(height) / 2);
ctx.rotate(-(Math.PI / 180) * rotate);
ctx.fillText(
`${content}${timestamp ? ` ${timeFormat(new Date(), timestamp)}` : ''}`,
`${content}`,
0,
0
);
timestamp && ctx.fillText(
`${timeFormat(new Date(), timestamp)}`,
0,
20
);
let __wm = document.querySelector('.__wm');
const watermarkDiv = __wm || document.createElement('div');