vue canvas 生成海报

canvas 生成海报

1.创建canvas

 getxjb() {
      this.$nextTick(() => {
        this.mycan = document.getElementById("myCanvas");

        var ctx = this.mycan.getContext("2d");
        var img = new Image();
        img.src = require("../../assets/images/yq.png"); //获取本地图片 必须用 require

        var img2 = new Image();
        img2.src = "http://" + this.getInviteInfo_data.downCode.codeImgAndroid;

        img2.setAttribute("crossOrigin", "anonymous");
        img.onload = () => {
       		//图片加载完毕后再进行

             ctx.drawImage(img, 0, 0, 375, 672);
        
        };
          img2.onload = () => {
         
            ctx.drawImage(img2, 107, 330, 160, 160);
            ctx.fillStyle = "#fff";
            ctx.font = "20px Arial ";
            ctx.fillText(this.getInviteInfo_data.invitatio