reader/component/share-dialog/share-dialog.js

// component/shar-dialog/shar-dialog.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    poster: function () {
      const ctx = wx.createCanvasContext('myCanvas');
      ctx.setFontSize(20)
      ctx.fillText('喔喔', 93, 49)
      ctx.setFillStyle('#FF4400')
      ctx.fillText('郎朗读书声是世上最美的声音', 92, 76) 
      ctx.save()
      ctx.arc(48, 53, 37, 0, 2 * Math.PI, false)
      ctx.clip();//画了圆 再剪切  原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内  
      ctx.drawImage('../../../static/groupImg/Bitmap1.png', 10, 10, 100, 100);   //插入图片  
      ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 可以继续绘制
      ctx.drawImage('../../../static/groupImg/Bitmap1.png', 9, 103, 352, 145);  
      ctx.draw()
    }
  }
})