saucxs / watermark-dom

watermark.js是基于DOM对象实现的BS系统的水印,确保系统保密性,安全性,降低数据泄密风险,简单轻量,支持多属性配置,动态计算水印,水印防被删(监听水印组件元素删除并重新添加,监听改变水印的属性并重新添加)。1、支持2种方式导入使用,2、水印插件-testTool(测试工具),3、内置3种全局API方法,等等。欢迎访问:
http://www.chengxinsong.cn/home
MIT License
1.35k stars 357 forks source link

vue3.0 项目引用watermark-dom,本地可以正常显示,但是线上无显示效果 #110

Open Yuanqiumei opened 2 years ago

Yuanqiumei commented 2 years ago

const watermarkInit = () => { nextTick(() => { watermark.init({ watermark_txt: "知能英语", //水印的内容 watermark_parent_node: "learn-parent", //水印插件挂载的父元素element,不输入则默认挂在body上 watermark_fontsize: "24px", //水印字体大小 watermark_alpha: 0.08, //水印透明度,要求设置在大于等于0.005 watermark_angle: 45, //水印倾斜度数 watermark_width: 344, //水印宽度 watermark_height: 112, //水印长度 }); }); }; onMounted(() => { watermarkInit(); }); onBeforeUnmount(() => { nextTick(() => { try { watermark.remove(); } catch (error) {} }); });

1665367158715 image

Yuanqiumei commented 2 years ago

已解决: watermark.init => watermark.load 手动加载