@develop-plugins/water-mark NPM

WaterMark

给页面的某个区域加上水印。

 # npm
 npm i @develop-plugins/water-mark
 
 # yarn
 yarn add @develop-plugins/water-mark
 
 # pnpm
 pnpm add @develop-plugins/water-mark

import { WaterMarkInstall } from '@develop-plugins/water-mark';

app.use(WaterMarkInstall);

<template>
  <WaterMark text="hello world">
    <div style="width: 100%; height: 100vh"></div>
  </WaterMark>
</template>

参数	说明	类型	默认值
width	水印的宽度，`content` 的默认值为自身的宽度	`number`	-
height	水印的高度，`content` 的默认值为自身的高度	`number`	-
text	水印文字内容,如果设置了`image`则不会显示`text`	string \| string[]	`watermark`
rotate	水印绘制时，旋转的角度，单位 `°`	`number`	`-20`
gap	水印之间的间距	`number`	`100`
zIndex	追加的水印元素的 z-index	`number`	`9999`
font	文字样式	`Font`	`Font`
image	图片源，建议导出 2 倍或 3 倍图，优先级高,

名称	说明
—	默认插槽

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago