普通HTML页面+JS 生成一维码函数
时间: 2023-08-01 22:11:11 浏览: 60
可以使用第三方库 `jsqrcode` 来生成一维码。下面是一个简单的示例代码:
```html
<!-- 引入 jsqrcode 库 -->
<script src="jsqrcode.js"></script>
<!-- 在 HTML 中添加一个输入框和按钮 -->
<input type="text" id="input" />
<button onclick="generateQRCode()">生成一维码</button>
<!-- 在 HTML 中添加一个 canvas 元素 -->
<canvas id="qrcode"></canvas>
<script>
function generateQRCode() {
// 获取输入框中的内容
var input = document.getElementById('input').value;
// 获取 canvas 元素
var canvas = document.getElementById('qrcode');
// 创建 QRCode 对象
var qrcode = new QRCode(canvas, {
width: 200,
height: 200
});
// 调用 makeCode 方法生成一维码
qrcode.makeCode(input);
}
</script>
```
该代码会在页面中生成一个大小为 200x200 的一维码,其内容为输入框中的内容。你可以根据需要调整生成的一维码的大小、样式等。