Vue水印组件

Vue

 2018/06/05 

width: height: row: column:
item-width: item-height: text: angle:
x-start: y-start: x-space: y-space:
font-size: font: color: alpha:

<v-watermark
  :width="{{width}}px"
  :height="{{height}}px"
  :row="{{row}}"
  :column="{{column}}"
  :item-width="{{itemWidth}}px"
  :item-height="{{itemHeight}}px"
  :text="{{text}}"
  :angle="{{angle}}"
  :x-start="{{xStart}}"
  :y-start="{{yStart}}"
  :x-space="{{xSpace}}"
  :y-space="{{ySpace}}"
  :font-size="{{fontSize}}"
  :font="{{font}}"
  :color="{{color}}"
  :alpha="{{alpha}}"
  class="example1"
>
  <img src='./src/asserts/ace.webp'/>
</v-watermark>

原文作者：Yizhou Shen

原文链接：http://shenyizhou.github.io/2018/06/05/2018-6-5-Vue%E6%B0%B4%E5%8D%B0%E7%BB%84%E4%BB%B6/

发表日期：June 5th 2018, 11:56:04 am

更新日期：September 6th 2023, 3:04:23 pm

Next Post

CSS的@规则
Previous Post

js动态添加脚本

CATALOG