-
import Watermark from 'ywl-watermark-vue' Vue.use(Watermark)
import Watermark from 'ywl-watermark-vue' Vue.directive(Watermark.name, Watermark)
<div class="home" v-watermark> hello world </div>
<div class="home" v-watermark="{text:'水印文字',color:'red',size:16}"> hello world </div> <div class="home" v-watermark="{text:'水印文字',size:20,colNum:5,rowNum:4}"> hello world </div> <div class="home" v-watermark="{text:'水印文字',size:20,width: 300,height: 300}"> hello world </div>
参数名 说明 必填 类型 默认值 备注 text 水印文本 是 String 默认水印文字 color 文字颜色 否 String rgba(150, 150, 150, 1) css color size 文字大小 否 Number 12 只支持绝对像素值 colNum 水印图样显示列数 否 Number 5 rowNum 水印图样显示行数 否 Number 4 width 水印图片宽度 否 Number 300 只支持绝对像素值 height 水印图片高度 否 Number 300 只支持绝对像素值
ywl-watermark-vue
1.2.1 • Public • PublishedPackage Sidebar
Install
npm i ywl-watermark-vue
Weekly Downloads
5
Version
1.2.1
License
MIT
Unpacked Size
8.75 kB
Total Files
4