layui制作二维码
首先下载layui扩展包,地址https://gitee.com/buersoft/layui-qrcode
然后需要在前端页面引用该js
<script src="static/layuiExt/qrcode.js"></script>
layui生成二维码的扩展进阶用法
指定二维码的生成方式:
可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。
//使用table生成
$('#qrcode').qrcode({
render: "table",
text: "http://www.buersoft.cn"
});
//使用canvas生成
$('#qrcode').qrcode({
render: "canvas",
text: "http://www.buersoft.cn"
});
指定生成二维码的大小:
可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。
//生成100*100(宽度100,高度100)的二维码
$('#qrcode').qrcode({
render: "canvas", //也可以替换为table
width: 100,
height: 100,
text: "http://www.buersoft.cn"
});
指定生成二维码的色彩样式:
可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。
//生成前景色为红色背景色为白色的二维码
$('#qrcode').qrcode({
render: "canvas", //也可以替换为table
foreground: "#C00",
background: "#FFF",
text: "http://www.buersoft.cn"
});
中文ULR生成方法:
$("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码