ywl-watermark-vue

1.2.1 • Public • Published
使用
  •  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 只支持绝对像素值

Package Sidebar

Install

npm i ywl-watermark-vue

Weekly Downloads

1

Version

1.2.1

License

MIT

Unpacked Size

8.75 kB

Total Files

4

Last publish

Collaborators

  • yuwenlin