js 生成二维码

插件描述:jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。

如何使用它

将jquery.qrcode.min.js和jquery添加到您的网页中

<script src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

然后创建一个DOM元素去包含生成qr码。

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

然后你在此容器中的添加qrcode

 jQuery('#qrcode').qrcode("http://www.jq22.com");

【进阶用法】

指定二维码的生成方式:

可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。也就是在一定的条件下生成相应的二维码

//使用table生成
jQuery('#qrcode').qrcode({
    render  : "table",
    text    : "http://www.jq22.com"
});
 
//使用canvas生成
jQuery('#qrcode').qrcode({
    render  : "canvas",
    text    : "http://www.jq22.com"
});

指定生成二维码的大小:

可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。

//生成100*100(宽度100,高度100)的二维码
jQuery('#qrcode').qrcode({
        render  : "canvas",//也可以替换为table
    width   : 100,
    height  : 100,
    text    : "http://www.jq22.com"
});

指定生成二维码的色彩样式:

可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。

//生成前景色为红色背景色为白色的二维码
jQuery('#qrcode').qrcode({
        render    : "canvas",//也可以替换为table
    foreground: "#C00",
        background: "#FFF",
    text      : "http://www.jq22.com"
});

 

转载于:https://www.cnblogs.com/haonanZhang/p/6699116.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值