qrcode.js: 简单易用的二维码生成库
qrcode.js
是一个轻量级的JavaScript库,用于在网页上生成二维码。以下是使用 qrcode.js
生成二维码的简单示例:
首先,确保你的项目中包含了 qrcode.js
文件。你可以从这里获取它:https://github.com/davidshimjs/qrcodejs
然后,在HTML中创建一个用于显示二维码的元素:
<div id="qrcode"></div>
接着,使用JavaScript来生成二维码:
// 创建一个新的二维码
var qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'http://jindo.dev.naver.com/collie',
width: 128,
height: 128,
colorDark : '#000000',
colorLight : '#ffffff',
correctLevel : QRCode.CorrectLevel.H
});
上述代码中,new QRCode
创建了一个二维码对象,document.getElementById('qrcode')
指定了用于显示二维码的DOM元素,{...}
里面是二维码的配置选项,包括二维码内容(text)、尺寸(width和height)、前景和背景颜色(colorDark和colorLight)以及纠错级别(correctLevel)。
你可以根据需要调整这些配置来生成不同样式的二维码。
评论已关闭