ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### 生成二维码方法 **位置:** Public\Base\js\coscia.js **参数:** * @param position 二维码显示的元素位置 * @param width 二维码的宽度 * @param height 二维码的高度 * @param text 二维码的内容 **调用:** ~~~ 插件引入: <script language="javascript" src="__PUBLIC__/plug/qrcode/jquery.qrcode.min.js"></script> <script language="javascript" src="__PUBLIC__/plug/jqprint/jquery.jqprint-0.3.js"></script> <script language="javascript" src="__PUBLIC__/plug/jqprint/jquery-migrate-1.2.1.min.js"></script> 方法调用: createQrCodes(position, width, height, text); ~~~ **完整代码:** ~~~ /** * * 封装 生成二维码 * @param position 二维码显示的元素位置 * @param width 二维码的宽度 * @param height 二维码的高度 * @param text 二维码的内容 * Lanson 2018-03-15 * **/ function createQrCodes(position, width, height, text) { position.empty().qrcode({ render: 'canvas',// 设置渲染方式 width:width, height:height, ecLevel: 'L', text:text }); // 转化为图片格式,才能与打印兼容使用 var canvas = $(position.selector +' '+'canvas'); var img = canvas[0].toDataURL('image/png'); position.html("<img src='" + img + "'>"); } ~~~ **调用示范:** ~~~ // 打印 商品列表 function goodsPrint(e) { var val = ''; var num = 0; $("input[name='subBox'] ").each(function(index,element) { if ($(this).prop('checked')) { val += $(this).val() + ','; num = num + 1; } }); if(val == ''){ alert('打印预览需请先勾选商品!'); return false; } var url = $(e).attr('url'); $.post(url, {id: val}, function(result){ $('#print_content').empty().append(result); for(var i = 0;i<num;i++){ // 调用封装的生成二维码方法 Lanson 2018-03-15 createQrCodes($('#output_'+i), 120, 110, $('#qrcode_'+i).val()); // 调用封装的生成条形方法 Lanson 2018-03-15 createBarCodes($('#bcTarget_'+i), 1, 30, $('#src_'+i).val()); $("#no_"+i).empty().text($("#src_"+i).val()); } // 对元素内容进行打印 $('#print_content').jqprint(); }); } ~~~