watermark-vue2 v0.1.6

watermark-vue2

Project setup

npm i watermark-vue2

<watermark :option='option'>
  <div class="watermark1">
    <p>000</p>
    <p>000</p>
    <p>000</p>
    <p>000</p>
    <p>000</p>
  </div>
</watermark>
import watermark from 'watermark-vue2/packages/index.js'
components: {
  watermark,
},
option:{
  width: 120,
  height: 120,
  text: '主标题',
  subtext: '2024-03-11',
  rotate: -45,
  color:"rgba(0,0,0,0.3)",
  textStyle: {
    font:'18px SimHei',
  },
  subtextStyle: {
    font:'12px SimHei',
  }
}
.watermark1{
  width: 1000px;
  height: 800px;
  border: 1px solid #000;
  margin: auto;
}