watermark

watermark will start vue 2.x A simple watermark component for vue

Preview

Install

npm install watermark -S

Import Use

<template>
  <div id="app">
    <watermark text="hello" ></watermark>
  </div>
</template>

<script>

import Watermark from "@/components/Watermark"
export default {
  name: 'App',
  components: {
   Watermark
  },
  data(){
    return{
    }
  }
}
</script>

<style>

</style>

Attributes

| Parameter | Describe | Type | Optional | Default | | ---------- | -------- | ---- | -------- | ------- | | text | watermark text | String | N/A | hello | | color | watermark text color | String | N/A | blue | | angle | watermark rotate angle| Number | N/A| 0 | | contentWidth | watermark width| Number | N/A| 150 | | contentHeight| watermark height| Number | N/A| 150 | | canvasWidth | canvas width | Number | N/A| auto | | canvasHeight | canvas height | Number | N/A| auto |

Lisence

MIT