mc.background('https://view.didistatic.com/static/dcms/5p5vwvyjrfk8zkurgo_684x219_compress.png', {
  left: 0,
  top: 0,
  type: 'origin',
}).text('迎新年发劵', {
  pos: {
    x: 38,
    y: 30,
  },
  normalStyle: {
    font: '36px Microsoft YaHei,sans-serif',
  }
}).text('加油8.8折 轻松享受', {
  pos: {
    x: 44,
    y: 88 - 9,
  },
  normalStyle: {
    font: '300 24px Microsoft YaHei,sans-serif',
    color: '#a6a6a6',
  }
}).text('立即领取', {
  pos: {
    x: 54,
    y: 134,
  },
  normalStyle: {
    font: '20px Microsoft YaHei,sans-serif',
    color: 'white',
  }
}).draw({
  type: 'jpg',
  quality: 1,
  success(b64) {
    that.setState({
      pic: b64,
    });
  },
  error(err) {
    console.log('err=', err);
  }
});

MCanvas.prototype._init = function () {
    this.canvas = document.createElement('canvas');
    this.canvas.width = this.ops.width;
    this.canvas.height = this.ops.height;
    this.ctx = this.canvas.getContext('2d');

    this.ops.backgroundColor && this.setBgColor(this.ops.backgroundColor);
};

			// background : 准备底图；提供多种模式
			mc.background(bg, {
					left: 0,
					top: 0,
					color: '#FFFFFF',
					type: 'origin',
				})
				// add 添加图片素材基础函数；
				.add(userHeadImg, {
					width: 130,
					height: 130,
					pos: {
						x: 30,
						y: 30,
						rotate: 1,
					},
				})

				// add 添加图片素材基础函数；
				.add(ercode, {
					width: 200,
					pos: {
						x: 515,
						y: 1090,
					},
				})

				// text 添加文字数据基础函数；
				.text(user.nickname, {
					width: '300px',
					smallStyle: {
						// 字体颜色；
						color: '#ffffff',
					},
					pos: {
						x: 180,
						y: 50,
					},
				})
				.text(shareDesc, {
					width: '300px',
					smallStyle: {
						// 字体颜色；
						color: '#FFF',
						// 文字渐变
						gradient: {
							type: 2, // 1: 横向渐变； 2: 纵向渐变；
							colorStop: ['red', 'blue'],
						},
					},
					pos: {
						x: 180,
						y: 90,
					},
				})

				// draw 最终绘制函数，用于最终的绘制；
				.draw(b64 => {
					that.$data.shareCanvasImg = b64
				});