微信公众号二维码海报生成并识别 保存

   <img :src="imgUrl" alt @touchstart="start" />
        <vue-canvas-poster
          :widthPixels="300"
          :painting="painting"
          @success="success"
          @fail="fail"
          v-show="!imgUrl"
        ></vue-canvas-poster>
        <div @click="start" class="submit_hb">长按下载海报并分享</div>
        //data
        imgUrl: "",
           views: [
          {
            type: "image",
            url: "", // 背景图 从后台接口中获取赋值
            css: {
              width: "750px",
              height: "1334px"
            }
          },
          {
            type: "qrcode",
            content: "", //二维码 从后台接口获取赋值
            css: {
              top: "950px",
              left: "260px",
              width: "220px",
              height: "220px"
            }
          }
          ]
   //methods中 长按下载
     success(src) {
      this.imgUrl = src;
    },
    fail(err) {
      console.log("fail53", this.painting);
    },

    start() {
      if (!window.plus) return;
      plus.gallery.save(
        this.imgUrl,
        function() {
          alert("保存成功!");
        },
        function() {
          alert("保存失败，请重试!");
        }
      );
    },