1.0.0 • Published 3 years ago

@ufologist/watermark.js v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

watermark.js

NPM version changelog license

npm-image

功能

给页面打上全屏的文字水印: watermark.js Demo

↓↓ 水印在这里 ↓↓

watermark.png

↑↑ 要仔细看看 ↑↑

选项

属性类型默认值描述
textstring水印水印文字, 可以通过空格增加间距
fillStylestringrgba(0,0,0,0.05)文字颜色
fontstring12px文字样式(同 CSS font 属性)
degreenumber-22水印文字的旋转角度(顺时针方向为正数)
zIndexnumber9999水印层的 z-index 值
domNodewindow.document.body挂载水印的 DOM 元素

示例

npm 包

import Watermark from '@ufologist/watermark.js';

// 创建水印
var watermark = new Watermark({
    text: '水印',
});

// 更新水印
watermark.render({
    text: '新水印',
});

<script>

<script src=""></script>
<script>
// 创建水印
new Watermark({
    text: '          我是水印          你看不到我          ',
});
</script>

绘制示意图

canvas-width-height by @iUUCoder