// 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() } } })