如何在 HTML 中实现二维码？答案

【问题标题】：how can I implement a qr code in HTML?如何在 HTML 中实现二维码？
【发布时间】：2014-06-01 17:17:55
【问题描述】：

我用过

<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
});

但它对我没有用..我把它包括错了还是什么？

【问题讨论】：

你对结果做了什么吗？
在函数之前你确实需要<div id="test"> </div>，你知道吗？
谷歌图表有一个二维码生成器：<img src="http://chart.apis.google.com/chart?cht=qr&chs=128x128&chl=http%3A//jindo.dev.naver.com/collie&chld=H|0" />developers.google.com/chart/infographics/docs/qr_codes?csw=1

标签： javascript jquery html css include

【解决方案1】：

你需要这样做。有一个带有二维码的<div>：

<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
});

【讨论】：