Html添加水印

一、插件

       JQuer watermask.min.js 

二、Demo下载

       下载地址:https://pan.baidu.com/s/1uX8JY0TkUqHe2rNK3HM3iw 提取码: c4yc

三、使用说明

        在js中直接new类型,并添加参数,设置效果。

        

 

 

        这里的font可以直接绑定字符串,或者在前台页面动态绑定参数,都行。

四、html页面

        

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <canvas id="watermask" style="display:none"></canvas>
 9         <script>
10             var currentUserWaterMask = "David Zhou 1732112356@qq.com";
11         </script>
12         <script src="js/watermask.min.js" type="text/javascript"></script>
13     </body>
14 </html>
View Code
复制代码

    

 

 五、展示效果

    

 六、其他类型

         6.1、图片

                  

 

         6.2、其他

                 

 

 

 

 

 

       

posted on   木乃伊人  阅读(1058)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示