微信小程序如何使用FillText翻转字体

首先把那个文字框view设置一个固定的高度（比如3行），overflow属性设为hidden，position属性设为relative。

“...”和“展开”放在同一个绝对定位（position为absolute）的view内，放在文字框内，定位在右下角，文字大小与文字框一致，这样当这个层显示时，就自然覆盖了文字框右下角，形成“... 展开”的效果。

然后在js中计算文字简介的字数，再根据文字框的字体宽度计算出总长度，除以文字框的宽度，如果计算结果大于3，就说明溢出了。这时可以通过setData通知wxml显示“... 展开”。

给“... 展开”绑定tap事件，点击后文字框的高度变为auto，这样溢出的部分就重新出现了，当然这时候要再次把“... 展开”隐藏。

1、首先，在微信小程序中，可以使用wx.createCanvasContext()函数来创建一个画布，用于绘制打印模板。

2、然后，可以使用CanvasContext.fillText()函数来绘制文本，CanvasContext.fillRect()函数来绘制矩形，CanvasContext.drawImage()函数来绘制图片等。

3、最后，可以使用CanvasContext.draw()函数来将绘制的内容渲染到画布上，并使用wx.canvasToTempFilePath()函数将画布转换为图片，以便打印。

---