drawPoster: function(t) {
            var e = this, i = wx.createCanvasContext("shareImg", this);
            i.setFillStyle("#41c2fc"), i.fillRect(0, 0, 375, 1200), i.drawImage(this.data.banner, 0, 0, 375, 340), 
            i.setFillStyle("#41c2fc"), i.fillRect(55, 229, 0, 0), i.setStrokeStyle("#ffffff"), 
            i.drawImage("../../../../style/images/canvasbg.png", 0, 340, 375, 260), i.drawImage(this.data.qr, 120, 450, 120, 120), 
            i.save(), i.beginPath(), i.arc(50, 382, 25, 0, 2 * Math.PI, !1), i.clip(), i.drawImage(this.data.avatar, 25, 357, 50, 50), 
            i.restore(), i.stroke(), i.draw(), i.beginPath(), i.arc(50, 382, 25, 0, 2 * Math.PI, !1), 
            i.setStrokeStyle("#ffffff"), i.fill(), setTimeout(function() {
                e.createPoster();
            }, 500);
        },

和大位大神，上面这段代码怎么修改成canvas 2d接口的，谢谢