小程序端生成海报

//前端canvas  
<canvas canvas-id='canvas_poster' class='wx-poster'></canvas>

let that = this;
    wx.showToast({
      title: '海报生成中...',
      icon: 'loading',
      duration: 2000
    });
    const ctx = wx.createCanvasContext('canvas_poster');
    ctx.clearRect(0, 0, 0, 0);
    //  绘制图片模板的 底图
    ctx.drawImage('/image/poster_bg.jpg', 0, 0, 270, 314);
    //  绘制顶部banner
    ctx.drawImage(that.data.banner, 0, 0, 270, 154);
   //绘制视频名称
    ctx.setTextAlign('left')
    ctx.setFontSize(14);
    ctx.fillText(`${that.data.item.videoName}`, 9, 173);
   //绘制横线
    ctx.moveTo(0, 188)
    ctx.lineTo(270, 188);
    ctx.setLineWidth(1)
    ctx.setStrokeStyle('rgb(239,239,239)')
    ctx.stroke();

    ctx.moveTo(0, 236)
    ctx.lineTo(270, 236);
    ctx.setLineWidth(1)
    ctx.setStrokeStyle('rgb(239,239,239)')