收藏
回答

请教,获取到小程序码后,如何通过draw绘制出来?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 绘制小程序码 工具 6.6.6 1.9.91

- 需求的场景描述(希望解决的问题)

我们有个需求,希望能定制化分享出去的带小程序码的图片,但是

没找到能在真机上用Canvas绘制出小程序码的方法(纯前端实现,不考虑后端处理)。



回答关注问题邀请回答
收藏

2 个回答

  • 卢霄霄
    卢霄霄
    2018-06-08

    首先,小程序码的获取,需要用 access_token去微信的接口获取。access_token怎么获取呢,需要用 appid和 secret 去微信的接口获取。你要在纯前端获取,那么你要在代码里将 secret存着。很不推荐这么整。还是让后台去获取比较好

    2018-06-08
    有用 1
    回复 11
    • Zq
      Zq
      2018-06-08

      嗯 我的困惑主要在后面的部分。我拿到小程序码的字符流之后,如何通过Canvas绘制出来。 希望点拨下具体的api,感谢回复


      2018-06-08
      回复
    • 卢霄霄
      卢霄霄
      2018-06-08回复Zq

      后端获取到图片路径,wx.downloadFile将文件下下来,(canvas实例ctx)ctx.drawImage绘制。然后wx.canvasToTempFilePath 存成图片,然后wx.saveImageToPhotosAlbum保存到本地。

      2018-06-08
      回复
    • Zq
      Zq
      2018-06-08

      谢谢你的详细回复。我想如果不用后端给二维码链接,我们前段通过

      https://api.weixin.qq.com/wxa/getwxacodeunlimit

      获取到小程序码的arraybuffer后,我们有办法可以可以处理吗? 就是如何把小程序码的图片字节流存到本地,生成一个本地路径,再去绘制。


      2018-06-08
      回复
    • 2018-06-08

      同问处理的方法,现在有结果了吗?

      2018-06-08
      回复
    • 卢霄霄
      卢霄霄
      2018-06-08回复Zq

      wx.downloadFile这个接口是get,获取二维码是post。没法直接下载。暂时想不到直接处理的方式。

      2018-06-08
      1
      回复
    查看更多(6)
  • 异步加载
    异步加载
    2018-06-12

    后端生成小程序码,然后小程序获取后端返回的小程序码图片url,用image组件显示出来,这是最方便快捷的方式.

    2018-06-12
    有用
    回复
登录 后发表内容