72 lines
1.8 KiB
JavaScript
72 lines
1.8 KiB
JavaScript
/**
|
||
* 二维码生成工具类
|
||
*/
|
||
export default {
|
||
/**
|
||
* 生成二维码
|
||
* @param {Object} options 配置参数
|
||
* @param {String} options.text 要生成二维码的文本内容
|
||
* @param {Number} options.size 二维码尺寸，默认200
|
||
* @param {String} options.color 二维码颜色，默认#000000
|
||
* @param {String} options.bgColor 背景颜色，默认#FFFFFF
|
||
* @param {String} options.canvasId canvas标识，默认qrcodeCanvas
|
||
* @param {Function} options.success 成功回调
|
||
*/
|
||
createQRCode(options = {}) {
|
||
// 默认配置
|
||
const defaults = {
|
||
text: '',
|
||
size: 200,
|
||
color: '#000000',
|
||
bgColor: '#FFFFFF',
|
||
canvasId: 'qrcodeCanvas',
|
||
success: () => {}
|
||
}
|
||
|
||
// 合并配置
|
||
const config = { ...defaults, ...options }
|
||
|
||
if (!config.text) {
|
||
console.error('请传入要生成二维码的文本内容')
|
||
return
|
||
}
|
||
|
||
// 引入uQRCode
|
||
const uQRCode = require('@/components/u-qrcode/u-qrcode.js')
|
||
|
||
// 生成二维码
|
||
uQRCode.make({
|
||
canvasId: config.canvasId,
|
||
componentInstance: this,
|
||
text: config.text,
|
||
size: config.size,
|
||
margin: 10,
|
||
foreground: config.color,
|
||
background: config.bgColor,
|
||
success: (res) => {
|
||
config.success(res)
|
||
},
|
||
fail: (err) => {
|
||
console.error('二维码生成失败：', err)
|
||
}
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 将二维码转换为图片路径
|
||
* @param {String} canvasId canvas标识
|
||
* @param {Function} success 成功回调
|
||
*/
|
||
canvasToImage(canvasId = 'qrcodeCanvas', success) {
|
||
uni.canvasToTempFilePath({
|
||
canvasId: canvasId,
|
||
success: (res) => {
|
||
success && success(res.tempFilePath)
|
||
},
|
||
fail: (err) => {
|
||
console.error('canvas转换为图片失败：', err)
|
||
}
|
||
}, this)
|
||
}
|
||
}
|