微信公衆号二維碼海報生成并識别 保存 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 公衆号相關 >

微信公衆号二維碼海報生成并識别 保存

發表時(shí)間:2020-9-22

發布人(rén):融晨科技

浏覽次數:79

   <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("保存失敗,請重試!");
        }
      );
    },

相關案例查看更多