微信小程序二维码制作
帮助
HTML
<canvas type="2d" style=" 200px; height: 200px;" id="myQrcode"></canvas>
引入文件
import drawQrcode from '../../utils/weapp.qrcode.esm'
JS
const query = wx.createSelectorQuery()
query.select('#myQrcode')
.fields({
node: true,
size: true
})
.exec((res) => {
var canvas = res[0].node
// 调用方法drawQrcode生成二维码
drawQrcode({
canvas: canvas,
canvasId: 'myQrcode',
200,
padding: 20,
background: '#ffffff',
foreground: status == '过期' ? 'orange' : '#87d068',
text: qrCode,
})
// 获取临时路径(得到之后,想干嘛就干嘛了)
wx.canvasToTempFilePath({
canvasId: 'myQrcode',
canvas: canvas,
x: 0,
y: 0,
200,
height: 200,
destWidth: 200,
destHeight: 200,
success(res) {
console.log('二维码临时路径:', res.tempFilePath)
},
fail(res) {
console.error(res)
}
})
})