canvas_x和qrcode的使用

canvas_x的使用

    async generateNoWeChatTemplateTable(table) {
      console.log(table)
      canvasX.makeImage({
        type: 'url',
        parts: [
          {
            type: 'image',
            url: table.work_weixin_skip_add_friend,
            height: 810,
            width: 375,
            x: 0,
            y: 0
          },
          {
            type: 'text',
            text: table.short_name,
            size: '16px',
            color: '#000',
            textAlign: 'center',
            x: 0,
            y: 57
          },
          {
            type: 'text',
            text: table.short_name,
            size: '24px',
            color: '#fff',
            textAlign: 'center',
            x: 0,
            y: 120
          }
        ],
        height: 810,
        width: 375,
        compress: 0.3
      }, (err, data) => {
        if (err) {
          return '绘制错误'
        }
        this.previewImages.push(data)
      })
    },

qrcode的使用

      opts: {
        errorCorrectionLevel: 'H',
        type: 'image/png',
        margin: 0,
        width: 700
      },         





QRCode.toDataURL(`${this.h5Host}#/?page=presence&id=${table.id}&corp_id=${store.getters.corp.id}${source}`, this.opts, (err, url) => {
            if (err) {
              this.$message.error('生成普通企业微信二维码失败')
              return
            }
            const base64Data = this.getDataFromUrl(url)
            if (!base64Data) {
              this.$message.error('生成普通企业微信二维码失败')
              return
            }
            // console.log(table.title)
            const noWeChattable = {
              table_code: `${table.title}(${index + 1})`,
              qrcode: url,
              base64_content: base64Data
            }
            this.noWeChatTables.push(noWeChattable)
          })