玩转社交裂变，携程小程序营销实现方案

let pic =new Picture('mycanvas', 375, 635)pic.getImgInfo(that.data.pic,function (data) {      //背景图      pic.drawImg(data.path, { left: 0, top: 0}, { width: 375, height: 635 })      //文字      pic.drawText(that.data.username, { size:13, color: '#fff', align: 'left' }, { left: 286, top: 505 })      pic.drawText(that.data.text, {size: 18,color: '#fff', align: 'left' }, { left: 80, top: 190 })       //绘制       pic.draw(function () {         pic.canvasToImgPath(function (path) {           that.setData({             img: path           })           that.uploadImg(path)         })       })})

let that =thislettextLen = text.lengthlettopHeight = textLen < 6 ? 190 : 180letfontBigger = true //是否有一行字数大于14个for (let i= 0; i < textLen; i++) {  if (text[i].length > 13) {    fontBigger = false    break  }}for (let i= 0; i < textLen; i++) {  if (textLen < 6 && fontBigger) {    pic.drawText(text[i], { size: 18, color:'#' + that.data.fontcolor, align: 'left' }, { left: 80, top: topHeight })    topHeight = topHeight + 35  } else {    pic.drawText(text[i], { size: 15, color:'#' + that.data.fontcolor, align: 'left' }, { left: 80, top: topHeight })    topHeight = topHeight + 27  }}

const ctx= this.getContext()      const {            width,            height      } = options
//获取 [用户搜索意图数据] 和 [卡片数据]  let wxQuery = options.query
gWidgetData=this.getWidgetParam('widgetData', wxQuery) || {}gQueryData= this.getWidgetParam('wxParamData', wxQuery)
//获取业务类型if(gQueryData) {bizType =gQueryData.type || ''}
//绘制widgetWidgetDom.init({windowWidth:width,windowHeight:height,classObj,ctx});
//设置widget模板this.setWidgetRender()
//渲染widget数据this.setWidgetData()
//设置卡片自适应高度    WidgetDom.useDynamicHeight()

onDataPush(options){//获取widget数据    gWidgetData = this.getWidgetParam('data',options);
    //卡片数据为空，不做渲染    if (!gWidgetData) {       return     }
    //重新设置widget模板    this.setWidgetRender()
     //重新渲染widget数据    this.setWidgetData()    }