页面添加水印文字背景jquery.watermark插件使用
作者:cywcd 发布:2018-01-04 10:47 字符数:353 分类:javascript 阅读: 23,341 次 抢沙发
插件支持多个水印文字,水印文字每行错开,通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。
网页文字水印背景插件地址:
https://github.com/codingforme/jquery-watermark
使用方法:
1.引入js库
2. 调用jquery.watermark插件方法
$('body').watermark({ texts : ["webzsky蓝戒博客", "文字水印插件"], //水印文字 textColor : "#dedede", //文字颜色 textFont : '16px 微软雅黑', //字体 width : 100, //水印文字的水平间距 height : 50, //水印文字的高度间距(低于文字高度会被替代) textRotate : -30 //-90到0, 负数值,不包含-90 });
效果图: