作者:wei5xiao5zou6bian6tian | 来源:互联网 | 2023-09-11 15:20
Github
Demo
介绍
Watermark 是一款方便快捷的给网页添加水印的库。目前可以设置的内容有:文本内容,文字颜色,字体,字体大小,旋转角度,行高。
原理
将设置好的文字,按照设置的样式绘制在 canvas 上面,利用
这个方法把 canvas 转成 base64,最后在 css 中设置其作为背景
最后
第一次写 js 的库,不知道什么地方需要注意,还请各位不吝赐教~?
提个建议,支持水印置于顶层放置。因为有些场景下水印需要总是显示,不能被元素的背景颜色覆盖。