### 生成二維碼方法 **位置：** 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(); }); } ~~~