效果图如下:
实现
wxml
rush:js;">
etoFill" src="{{imagePath}}">
Box">
wxss
rush:js;">
.container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.container image {
width: 686rpx;
height: 686rpx;
background-color: #f9f9f9;
}
.canvas-Box {
position: fixed;
top: 999999rpx;
left: 0;
}
js
{
this.canvasToTempImage();
},1000);
},/**
* 获取临时缓存照片路径,存入data中
*/
canvasToTempImage: function() {
var that = this;
//把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。
wx.canvasToTempFilePath({
canvasId: 'mycanvas',success: function(res) {
var tempFilePath = res.tempFilePath;
console.log(tempFilePath);
that.setData({
imagePath: tempFilePath,// canvasHidden:true
});
},fail: function(res) {
console.log(res);
}
});
},/**
* 点击图片进行预览
*/
previewImg: function (e) {
var img = this.data.imagePath;
console.log(img);
wx.previewImage({
current: img,// 当前显示图片的http链接
urls: [img] // 需要预览的图片http链接列表
});
},})
qrcode.js 可以去 这里 下载。
详细源码请查看 https://github.com/demi520/wxapp-qrcode
总结
以上所述是小编给大家介绍的微信小程序动态生成二维码的实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。