tsp-watermark

A Vue.js component for html dom watermark

Usage

npm install tsp-watermark

in your vue code:

<template>
    <watermark content="wm_content"></watermark>
</template>

<script>
...
import watermark from 'tsp-watermark'
...
</script>

Parameters

| paramerter | defalut | description | | --- | --- | --- | | content | '' | content, watermark will not be rendered if it is '' | | font | 'serif' | | | fontSize | '20px' | | | opacity | 0.01 | 0.01 is recommended. It's hard to recover the watermark content when opacity is too low | | rotate | 30 | 0 - 90 |

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build