JavaScript生成頁面水印及二維碼
摘要：
1.首先引入Jquer.js和兩個外掛的程式碼
<script src="jquery.js"></script>
<script src="jquery.watermark.js"></script>
<...
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.檢視效果
效果圖
本文只演示了最簡單的使用方式，複雜的場景請參考官網