w-vue3-watermark

vue3 水印使用

一、安装

npm i w-vue3-watermark

二、配置

属性名	说明	类型	默认值
waterName	水印名字	string	''
waterFontSize	水印字体大小	number	16
waterFontColor	水印字体颜色	string	''
waterFontFamily	水印重复的间隔	number	''
waterGap	水印字体	string	''
waterRotate	水印倾斜	number	''

三、使用

import watermark from 'w-vue3-watermark'
Vue.use(watermark)

<watermark 
    waterName="水印名字" 
    waterFontSize="水印字体大小" 
    waterFontColor="水印字体颜色" 
    waterFontFamily="水印字体" 
    waterGap="水印重复的间隔" 
    waterRotate="水印倾斜"
>
    <div>要加水印内容</div>
</watermark>