ywl-watermark-vue

使用

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