利用html2canvas 将二维码与静态图片适配成单张图片

<template>
  <div>
    <div ref="box" class="box">
      <img :src='require("../assets/bee_logo.png")' alt="">
      <img :src='require("../assets/ewm.jpg")' alt="">
    </div>
    <img class="unit_img" :src="imgUrl" alt="">
  </div>
</template>


import html2canvas from 'html2canvas';
export default {
  data () {
    return {}
  },
  mounted() {
     this.draw()
  },
  methods: {
    draw(){
      var that = this;
      html2canvas(that.$refs.box).then(function(canvas) {
        that.imgUrl = canvas.toDataURL()//将canvas转为base64图片(eg. data:image/png;base64,ijskjlkj)
      });
    },