使用

• 1
  2 import Watermark from 'ywl-watermark-vue'
  3 Vue.use(Watermark)        
  4

  1
  2 import Watermark from 'ywl-watermark-vue'
  3 Vue.directive(Watermark.name, Watermark)
  4   

  1
  2 <div class="home" v-watermark>
  3    hello world
  4 </div>  
  5      

  1
  2 <div class="home" v-watermark="{text:'水印文字',color:'red',size:16}">
  3   hello world
  4 </div>  
  5
  6 <div class="home" v-watermark="{text:'水印文字',size:20,colNum:5,rowNum:4}">
  7   hello world
  8 </div>
  9
  10 <div class="home" v-watermark="{text:'水印文字',size:20,width: 300,height: 300}">
  11   hello world
  12 </div>
  13         

  参数名	说明	必填	类型	默认值	备注
  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	只支持绝对像素值