QR代码使用Jquery
问题描述:
我有一个表单,我已经显示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不是?而且我们有像谷歌网址中的其他解决方案
答
<!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>
答
https://larsjung.de/jquery-qrcode/
可用选项及其默认值是:
//渲染方法:“画布”,“图像”或'div'
render: 'canvas',
+0
我将渲染方法更改为图像,但它不工作:-(和Chrome版本51甚至不使用相同的代码显示Q R – Ricky
但它不会打印QR码,检查问题 – Ricky
@瑞奇这很奇怪。我有一切运作良好。显示你的代码是完全的 – Mikhail
@Ricky JavaScript控制台显示的东西? – Mikhail