如何在HTML中实现qr代码?

时间:2014-04-17 12:26:43

标签: javascript jquery html css include

我用过

<script type="text/javascript" src="qrcode.min.js"></script>

var qrcode = new QRCode("test", {
  text: "http://jindo.dev.naver.com/collie",
  width: 128,
  height: 128,
  colorDark : "#000000",
  colorLight : "#ffffff",
  correctLevel : QRCode.CorrectLevel.H
});

但它对我来说没有用..我把它包含在虚假或其他内容中吗?

1 个答案:

答案 0 :(得分:2)

你需要这样做。如果<div>有QR码:

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

然后以这种方式初始化:

<script type="text/javascript">
    new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
</script>

在您的脚本中,它应该是:

var qrcode = new QRCode(document.getElementById("test"), {
  text: "http://jindo.dev.naver.com/collie",
  width: 128,
  height: 128,
  colorDark : "#000000",
  colorLight : "#ffffff",
  correctLevel : QRCode.CorrectLevel.H
});