qrcode.js 二维码生成器: 属性详解及使用教程
qrcode.js 二维码生成器: 属性详解及使用教程
qrcode.js 是一个用于生成二维码的 JavaScript 库,使用简单方便,功能强大。
以下是 qrcode.js 常用属性详解:
- text: 二维码中包含的文本信息。
- width: 二维码的宽度 (单位:像素)。
- height: 二维码的高度 (单位:像素)。
- colorDark: 二维码的深色部分的颜色,例如 '#000000'。
- colorLight: 二维码的浅色部分的颜色,例如 '#ffffff'。
- correctLevel: 二维码的纠错等级,可选值为 'L'、'M'、'Q'、'H',分别表示纠错能力从低到高。
- background: 二维码的背景颜色,例如 '#ffffff'。
- foreground: 二维码的前景颜色,例如 '#000000'。
- logo: 二维码中心的 logo 图片,需要传入图片的 URL 或 base64 编码。
- logoWidth: logo 图片的宽度 (单位:像素)。
- logoHeight: logo 图片的高度 (单位:像素)。
- logoBackgroundColor: logo 图片的背景颜色,例如 '#ffffff'。
- logoBackgroundTransparent: 是否将 logo 图片的背景透明化,可选值为 true 或 false。
- logoMargin: logo 图片距离二维码边缘的距离 (单位:像素)。
- logoCornerRadius: logo 图片的圆角半径 (单位:像素)。
- whiteMargin: 是否在二维码周围添加白边,可选值为 true 或 false。
使用示例
// 引入 qrcode.js
<script src='qrcode.min.js'></script>
// 创建 qrcode 实例
var qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.example.com', // 二维码内容
width: 256,
height: 256,
colorDark : '#000000',
colorLight : '#ffffff',
correctLevel : QRCode.CorrectLevel.H
});
注意: 以上只是一些常用属性,更多属性和使用方法请参考 qrcode.js 官方文档。
原文地址: https://www.cveoy.top/t/topic/grgm 著作权归作者所有。请勿转载和采集!