综合编程

JavaScript生成页面水印及二维码

微信扫一扫,分享到朋友圈

JavaScript生成页面水印及二维码
0

1.首先引入Jquer.js和两个插件的代码

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

2.本次只演示最简单的文本水印的做法,所以只添加二维码的div即可

<div id="qrcode"></div>

3.在html尾部加入代码

<script type="text/javascript">
    // 整个body加入水印    
    $('body').watermark({
            texts : ["HT-5895562-564412","xxx公司"], //水印文字,可以多个
            textColor : "#d2d2d2", //文字颜色
            textFont : '14px 微软雅黑', //字体
            width : 100, //水印文字的水平间距
            height : 100,  //水印文字的高度间距(低于文字高度会被替代)
            textRotate : -30 //文字角度, 负数值,不包含-90
    });
    // 根据你的业务ID在div中生成二维码
    new QRCode(document.getElementById('qrcode'), 'HT-5895562-564412');
</script>

4.查看效果

效果图

本文只演示了最简单的使用方式,复杂的场景请参考官网

阅读原文...


微信扫一扫,分享到朋友圈

JavaScript生成页面水印及二维码
0

简书

康心联盟和健康——互联网+医疗

上一篇

SonarQube&colon; Diffie-Hellman ephemeral problem with SSL

下一篇

评论已经被关闭。

插入图片

热门分类

往期推荐

JavaScript生成页面水印及二维码

长按储存图像,分享给朋友