使用

• 
   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 | 只支持绝对像素值 |