微信小程序 Canvas 动态生成二维码并保存到本地

简介: 微信小程序 Canvas 动态生成二维码并保存到本地

let drawQrcode = require("../../../utils/erweima.js");
// 生成二维码
draw() {

drawQrcode({
  width: 200, // 画出的二维码的宽高,单位为px
  height: 200,
  x:20, // 开始画的位置,x轴y轴
  y:20,
  canvasId: 'myQrcode', // 拿到canvas节点
  text: this.data.text // 文本数据
})
this.canvasToTempImage() // 画完之后获取临时路径

},

// 复制文本数据
clickCopy(e) {

var that = this;
wx.setClipboardData({
  data: that.data.text,
  success: function (res) {
    wx.showToast({
      title: '复制成功',
      icon: 'none'
    });
  }
});

},

// 获取二维码图片的临时路径
canvasToTempImage: function () {

var that = this;
wx.canvasToTempFilePath({
  canvasId: 'myQrcode',
  success: function (res) {
    var tempFilePath = res.tempFilePath;
    that.setData({
      imagePath: tempFilePath,
    });
  },
  fail: function (res) {
    console.log(res);
  }
});

},

// 下载图片
downloadCode: function (res) {

var filePath = this.data.imagePath
console.log('下载中' + filePath)
wx.saveImageToPhotosAlbum({
  filePath: filePath,
  success: function(res) {
    wx.showToast({
       title: '图片保存成功',
       icon: 'success',
       duration: 2000 //持续的时间
    })
  },
  fail: function (err) {
     console.log(err)
     wx.showToast({
     title: '图片保存失败',
     icon: 'none',
     duration: 2000//持续的时间
     })
  }
})

}

相关文章
|
小程序 JavaScript
微信小程序--动态时间实现
微信小程序--动态时间实现
666 0
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
1112 0
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
529 0
|
前端开发 小程序 JavaScript
小程序 canvas 生成海报 一次搞掂
小程序 canvas 生成海报 一次搞掂
398 1
|
前端开发 小程序 JavaScript
微信小程序 canvas 备忘
微信小程序 canvas 备忘
267 0
|
算法 小程序 Java
java制作海报三:获取微信二维码详情,并改变大小,合成到海报(另一张图片)上
这篇文章介绍了如何使用Java获取微信小程序的二维码,并将其调整大小后合成到海报(另一张图片)上。
396 0
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
1357 0
|
前端开发 小程序
【微信小程序5】利用canvas实现纯色背景抠图功能
【微信小程序5】利用canvas实现纯色背景抠图功能
1203 0
|
自然语言处理 搜索推荐 小程序
微信公众号接口:解锁公众号开发的无限可能
微信公众号接口是微信官方提供的API,支持开发者通过编程与公众号交互,实现自动回复、消息管理、用户管理和数据分析等功能。本文深入探讨接口的定义、类型、优势及应用场景,如智能客服、内容分发、电商闭环等,并介绍开发流程和工具,帮助运营者提升用户体验和效率。未来,随着微信生态的发展,公众号接口将带来更多机遇,如小程序融合、AI应用等。

热门文章

最新文章