收藏
回答

新版canvas绘制多张图片?

绘制海报,绘制完背景图片后怎么绘制二维码图片。还是说只能绘制一张图

  draw(url, qrcode) {
    wx.createSelectorQuery()
      .select('#myCanvas'// 在 WXML 中填入的 id
      .fields({ nodetruesizetrue })
      .exec((res) => {
        // Canvas 对象
        const canvas = res[0].node
        const ctx = canvas.getContext('2d')
        const width = res[0].width
        const height = res[0].height
        canvas.width = width
        canvas.height = height
        const image = canvas.createImage()
        image.src = url
        image.onload = () => {
          ctx.drawImage(image, 00650885)
          wx.canvasToTempFilePath({
            canvas,
            success(res) => {
              const list = [...this.data.imgBuffer, res.tempFilePath]
              // 生成的图片临时文件路径
              this.setData({
                imgBuffer: list,
              })
            },
          })
        }
      })
  },
回答关注问题邀请回答
收藏

2 个回答

  • 一笑皆春
    一笑皆春
    发表于小程序端
    2023-11-11

    drawImage 可以画多张

    2023-11-11
    有用
    回复
  • Jerry
    Jerry
    2023-11-11

    可以画多张

    2023-11-11
    有用
    回复
登录 后发表内容