1.0.1 • Published 1 year ago
@jkun/watermark v1.0.1
ivy-watermark
一个使用stencil
开发web component
水印组件
安装
npm i @jkun/watermark
使用
import watermark from '@jkun/watermark'
import {createApp} from 'vue'
createApp().use(watermark)
示例
Props
prop | 描述 | 类型 | 默认值 | |
---|---|---|---|---|
content | 内容 | string | string[] | |
font | font | object | rgba(0,0,0,0.15) | |
gap | 间隔 | array | 100, 100 | |
width | 宽度 | string | 100% | |
height | 高度 | string | 100% | |
offset | 偏移 | array | ||
rotate | 水印的旋转角度 | number | -22 | |
zIndex | 水印的层级 | number | 9 | |
image | 图片url | string |
font
key | 描述 | 类型 | 默认值 |
---|---|---|---|
fontFamily | 字体 | string | 'PingFang SC, sans-serif' |
fontSize | 字体大小 | number | 14 |
fontStyle | 字体样式 | string | 'normal' |
color | 字体颜色 | string | 'normal' |
fontWeight | 字体粗细 | string | 'normal' |