```html
<!DOCTYPE html>
<html>
<head>
<title>在线获取二维码</title>
<!-- 导入qrcode.min.js -->
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
</head>
<body>
<h1>请输入要生成二维码的内容</h1>
<!-- 输入框 -->
<input type="text" id="content" placeholder="请输入内容" /><br/><br/>
<!-- 生成按钮 -->
<button onclick="generateQRCode()">生成二维码</button><br/><br/>
<!-- 显示二维码 -->
<div id="qrcode"></div>
<script>
function generateQRCode() {
var content = document.getElementById("content").value;
// 调用qrcode.js生成二维码
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: content,
width: 256,
height: 256,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
</script>
</body>
</html>
相關
