uqrcode.js生成二维码

官方文档https://uqrcode.cn/doc
uniapp插件市场https://ext.dcloud.net.cn/plugin?id=1287

<canvas
  class="class-code"
  canvas-id="codeCanvas"
	id="codeCanvas"
/>
import UQRCode from '@/utils/uqrcode/uqrcode.js' //因为我把这个需要的js给下载过来单独一个js
getCode(){
	var qr = new UQRCode();
	qr.data = "https://message.miyamama.cn/#/pages/download/download";
	qr.size = uni.upx2px(314);
	qr.make();
	var canvasContext = uni.createCanvasContext('codeCanvas', this); // 如果是组件,this必须传入
	qr.canvasContext = canvasContext;
	qr.drawCanvas();
	//上面是展示到页面
	this.getNext()
},
getNext(){
	setTimeout(()=>{
		//下面是canvas生成图片
		uni.canvasToTempFilePath({
			canvasId:'codeCanvas',
			success: (res) => {
				// #ifndef H5
				uni.saveImageToPhotosAlbum({
					filePath:res.tempFilePath,
					success:(rel)=>{
						this.codeImg = rel.file
						this.init()
					},
					fail: (err) => {
						this.$api.msg(err.errMsg)
					}
				})
				// #endif
				// #ifdef H5
				this.$api.msg('请去打开APP!')
				//uni.saveImageToPhotosAlbum 在h5中不能使用
				// #endif
			}
		})
	},300)
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值