快速开始
因为一个项目需要生成二维码并打印下来,而且没有必要吧图片保存到数据库,所以直接用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 其他内容照搬。