<canvas canvas-id="myCanvas" style="border: 1px solid;"/>

canvas { width: 99%; height: 600rpx;}

Page({ data: { }, onLoad: function (options) {  const context = wx.createCanvasContext('myCanvas')  var text = '這是一段文字用于文本自動(dòng)換行文本長(zhǎng)度自行設(shè)置歡迎大家指出缺陷';//這是要繪制的文本  var chr =text.split("");//這個(gè)方法是將一個(gè)字符串分割成字符串?dāng)?shù)組  var temp = "";  var row = [];  context.setFontSize(18)  context.setFillStyle("#000")  for (var a = 0; a < chr.length; a++) {   if (context.measureText(temp).width < 250) {    temp += chr[a];   }   else {    a--; //這里添加了a-- 是為了防止字符丟失，效果圖中有對(duì)比    row.push(temp);    temp = "";   }  }  row.push(temp);   //如果數(shù)組長(zhǎng)度大于2 則截取前兩個(gè)  if (row.length > 2) {   var rowCut = row.slice(0, 2);   var rowPart = rowCut[1];   var test = "";   var empty = [];   for (var a = 0; a < rowPart.length; a++) {    if (context.measureText(test).width < 220) {     test += rowPart[a];    }    else {     break;    }   }   empty.push(test);   var group = empty[0] + "..."//這里只顯示兩行，超出的用...表示   rowCut.splice(1, 1, group);   row = rowCut;  }  for (var b = 0; b < row.length; b++) {   context.fillText(row[b], 10, 30 + b * 30, 300);  }  context.draw()   } })