页面添加水印文字背景jquery.watermark插件使用_蓝戒的博客


页面添加水印文字背景jquery.watermark插件使用

插件支持多个水印文字,水印文字每行错开,通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。

网页文字水印背景插件地址:

https://github.com/codingforme/jquery-watermark

使用方法:

1.引入js库 

<script src="js/jquery.min.js"></script>
<script src="js/jquery.watermark.js"></script>

2. 调用jquery.watermark插件方法

$('body').watermark({
        texts : ["webzsky蓝戒博客", "文字水印插件"], //水印文字
        textColor : "#dedede", //文字颜色
        textFont : '16px 微软雅黑', //字体
        width : 100, //水印文字的水平间距
        height : 50,  //水印文字的高度间距(低于文字高度会被替代)
        textRotate : -30 //-90到0, 负数值,不包含-90
 });

效果图:

watermark

本文固定链接: http://www.webzsky.com/?p=1201 | 蓝戒的博客

cywcd
该日志由 cywcd 于2018年01月04日发表在 javascript 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 页面添加水印文字背景jquery.watermark插件使用 | 蓝戒的博客
关键字: ,

页面添加水印文字背景jquery.watermark插件使用:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter
来自的朋友,欢迎您 点击这里 订阅我的博客 o(∩_∩)o~~~
×