wxpython自适应窗口_微信小程序之canvas绘制海报分享到朋友圈

绘制canvas内容

首先，需要写一个canvas标签，给canvas-id命名为shareBox

1

其次，我们就要根据需求(效果图如下)在canvas上面绘制内容了，我这里canvas指的是红框里面的内容

然后开始绘制内容啦，先定义一个绘制内容的方法：drawImage

1 drawImage() {2 //绘制canvas图片

3 var that = this;4 console.log(that.data.userInfo);5 var qrPath = that.data.qrcode_temp; //小程序码本地路径

6 var imgLogo = that.data.photoTempath; //微信头像本地路径

7 var banner = that.data.banner_temp; //展会bannertu的本地路径

8 var bgimg = "/images/bg4@2x.png"; //背景图

9

10 //创建一个canvas对象

11 const ctx = wx.createCanvasContext('shareBox', this);12

13 ctx.setFillStyle("white");14 var canvasWidth =that.data.width; //自适应宽15 var canvasHeight &#