jq生成二维码

快速开始

因为一个项目需要生成二维码并打印下来,而且没有必要吧图片保存到数据库,所以直接用jq插件生成了。

首先引入插件:

<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

然后在要显示二维码的区域加上

<div id="wimage"></div>

然后写下面代码

$("#wimage").qrcode({
              render: "table", //table方式
              width: 100, //宽度
              height:100, //高度
              text: pid //任意内容
         });

其中pid是你要在二维码里显示的内容,可以是文字(可以是中文)和链接,比如:

text:“www.baidu.com”

如果想改变二维码黑白的颜色,可以加下面内容:

colorDark : "#000000",
colorLight : "#ffffff",

这里的render设置为table,表示二维码是用很多个黑白单元格拼成的,就是一个table表格形成的效果。

喜欢追剧的朋友可以关注微信公众号 沉沉影视

任何电影网络剧发名字就有百度云链接,还有大量学习资料

解决jqprint无法打印的问题

 render默认是canvas方式形成二维码,首先把render改成canvas.

 $("#wimage").qrcode({
              render: "canvas", //默认,可以不写
              width: 100, //宽度
              height:100, //高度
              text: pid //任意内容
         });
//无法打印的解决办法
		var canvas = $('#wimage canvas');
        var img = canvas[0].toDataURL("image/png");
        $('#wimage').html("<img src='" + img + "'>");

这样生成的二维码无法扫描,但是打印之后就可以扫描了。#wimage就是上面div的id 其他内容照搬。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值