给页面打上全屏的文字水印
watermark.js
示例
npm 包
给页面打上全屏的文字水印: watermark.js Demo
↓↓ 水印在这里 ↓↓
↑↑ 要仔细看看 ↑↑
选项| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| text | string | 水印 | 水印文字, 可以通过空格增加间距 |
| fillStyle | string | rgba(0,0,0,0.05) | 文字颜色 |
| font | string | 12px | 文字样式(同 CSS font 属性) |
| degree | number | -22 | 水印文字的旋转角度(顺时针方向为正数) |
| zIndex | number | 9999 | 水印层的 z-index 值 |
| dom | Node | window.document.body | 挂载水印的 DOM 元素 |
import Watermark from '@ufologist/watermark.js';
// 创建水印
var watermark = new Watermark({
text: '水印',
});
// 更新水印
watermark.render({
text: '新水印',
});
<script>
<script src="https://unpkg.com/@ufologist/watermark.js"></script> <script> // 创建水印 new Watermark({ text: ' 我是水印 你看不到我 ', }); </script> 绘制示意图
by @iUUCoder
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
