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 |