2016-06-14 172 views
-1

我有一个表单,我已经显示QR码,并使用printThis.js打印表单。二维码以前显示和打印容易使用谷歌网址,但我发现它已折旧,然后我谷歌搜索其他来源,发现jquery库jquery.qrcode.js和qrcode.js,但现在我面临一个问题,当我我打印的形式QR码显示不就可以了,可能是它的显示QR码帆布,下面是我的代码QR代码使用Jquery

HTML

<img id="test"></div> 

JQUERY

$(document).ready(function(){ 
    $('#test').qrcode({width: 120,height: 120, text: "Sample QR"}); 
     printthis(); 
}) 

我怎样才能使它可打印其次,让我知道它是否适用于所有浏览器s不是?而且我们有像谷歌网址中的其他解决方案

回答

1
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery-qrcode-0.14.0.js"></script> 
</head> 
<body> 
    <div id="qrcode"></div> 
    <script type="text/javascript"> 
    var options = { 
     // render method: 'canvas', 'image' or 'div' 
     render: 'canvas', 

     // version range somewhere in 1 .. 40 
     minVersion: 1, 
     maxVersion: 40, 

     // error correction level: 'L', 'M', 'Q' or 'H' 
     ecLevel: 'L', 

     // offset in pixel if drawn onto existing canvas 
     left: 0, 
     top: 0, 

     // size in pixel 
     size: 200, 

     // code color or image element 
     fill: '#000', 

     // background color or image element, null for transparent background 
     background: null, 

     // content 
     text: 'no text', 

     // corner radius relative to module width: 0.0 .. 0.5 
     radius: 0, 

     // quiet zone in modules 
     quiet: 0, 

     // modes 
     // 0: normal 
     // 1: label strip 
     // 2: label box 
     // 3: image strip 
     // 4: image box 
     mode: 0, 

     mSize: 0.1, 
     mPosX: 0.5, 
     mPosY: 0.5, 

     label: 'no label', 
     fontname: 'sans', 
     fontcolor: '#000', 

     image: null 
    } 
    $('#qrcode').qrcode(options); 
    </script> 
</body> 
</html> 
+0

但它不会打印QR码,检查问题 – Ricky

+0

@瑞奇这很奇怪。我有一切运作良好。显示你的代码是完全的 – Mikhail

+0

@Ricky JavaScript控制台显示的东西? – Mikhail

0

https://larsjung.de/jquery-qrcode/

可用选项及其默认值是:

//渲染方法:“画布”,“图像”或'div'

render: 'canvas', 
+0

我将渲染方法更改为图像,但它不工作:-(和Chrome版本51甚至不使用相同的代码显示Q R – Ricky